MediaWiki:Gadget-ProveIt.css

 #proveit{
 background:white;
 font-size:.8em;
 position:fixed;
 right:0;
 bottom:0;
 z-index:9;
 }

 #proveit-header{
 background:#eee;
 overflow:hidden;
 }

 #proveit-logo{
 background:black;
 color:white;
 cursor:pointer;
 float:right;
 font-family:monospace;
 font-size:1.4em;
 height:43px;
 line-height:43px;
 }
 .proveit-logo-bracket{
 color:yellow;
 font-size:2.3em;
 font-weight:bold;
 position:relative;
 vertical-align:bottom;
 }

 #proveit-body{
 background:#f4f4f4;
 display:none;
 max-height:300px;
 overflow-y:scroll;
 resize:none;
 }

 #proveit-list{
 margin:0;
 padding:0;
 width:700px;
 }

 #proveit-list.proveit-item{
 margin:0;
 overflow:hidden;
 padding:5px10px;
 }

 #proveit-list.proveit-item:nth-child(odd){
 background:#fff;
 }

 #proveit-list.proveit-item:hover{
 background:#ccc;
 cursor:pointer;
 }

 #proveit-list.proveit-item.proveit-number,
 #proveit-list.proveit-item.proveit-arrow{
 margin-right:.4em;
 }

 #proveit-list.proveit-item.proveit-letter{
 font-size:.9em;
 margin-right:.5em;
 position:relative;
 top:-.5em;
 }

 #proveit-list.proveit-item.proveit-template{
 font-weight:bold;
 margin-right:10px;
 white-space:nowrap;
 }

 #proveit-no-references-message,
 #proveit-no-template-data-message{
 text-align:center;
 padding:10px;
 }

 #proveit-form{
 box-sizing:border-box;
 padding:1px;
 width:700px;
 }

 #proveit-formdiv{
 position:relative;
 }

 #proveit-formlabel{
 box-sizing:border-box;
 display:inline-block;
 padding:.4em;
 vertical-align:top;
 width:30%;
 }

 #proveit-form.proveit-requiredlabel{
 font-weight:bold;
 }

 #proveit-form.proveit-deprecatedlabel{
 text-decoration:line-through;
 }

 #proveit-forminput,
 #proveit-formselect,
 #proveit-formtextarea{
 -moz-appearance:none;
 -webkit-appearance:none;
 background:white;
 border:none;
 border-radius:0;
 box-sizing:border-box;
 display:inline-block;
 font:inherit;
 margin:1px0;
 padding:.4em;
 vertical-align:middle;
 width:70%;
 }

 #proveit-formselect{
 -moz-appearance:menulist;
 -webkit-appearance:menulist;
 padding:.4em.1em;
 }

 #proveit-formtextarea{
 height:60px;
 resize:vertical;
 }

 #proveit-reference-content{
 font-family:monospace,monospace!important;
 }

 #proveit-formbutton{
 cursor:pointer;
 position:absolute;
 top:3px;
 right:3px;
 }

 #proveit-footer{
 background:#eee;
 border-spacing:0;
 display:none;
 overflow:hidden;
 text-align:right;
 }

 #proveit-footerinput{
 border:none;
 box-sizing:border-box;
 float:left;
 font:inherit;
 margin:.3em;
 padding:10px;
 width:150px;
 }

 #proveit-headerbutton,
 #proveit-footerbutton{
 background:#ddd;
 border:none;
 cursor:pointer;
 font:inherit;
 margin:.3em;
 padding:10px;
 }

 #proveit-headerbutton:hover,
 #proveit-footerbutton:hover{
 filter:brightness(1.2);
 }

 #proveit-header.progressive,
 #proveit-footer.progressive{
 background:#36c;
 color:white;
 }

 /**
  * Simple CSS tooltip by Keenan Payne
  * http://www.webdesignerdepot.com/2012/11/how-to-create-a-simple-css3-tooltip/
  */
 #proveitlabel[data-tooltip]{
 position:relative;
 }
 #proveitlabel[data-tooltip]:hover:after{
 background:#333;
 background:rgba(0,0,0,.8);
 border-radius:5px;
 box-sizing:border-box;
 bottom:26px;
 color:#fff;
 content:attr(data-tooltip);
 font-weight:normal;
 left:20%;
 padding:1em;
 position:absolute;
 z-index:99;
 width:300px;
 }
 #proveitlabel[data-tooltip]:hover:before{
 border:solid;
 border-color:#333transparent;
 border-width:6px6px06px;
 bottom:20px;
 content:"";
 left:50%;
 position:absolute;
 z-index:100;
 }

 /* Monobook specific */
 .skin-monobook#proveit{
 font-size:120%;
 }

 /* Firefox specific */
 @-moz-documenturl-prefix(){
 #proveit-form{
 margin-bottom:50px;
 }
 }