Simple blue and white Ubiquity skin.

x

/*
  =skin=
  @name Tranquil v1.0.2
  @author Thomas McMahon
  @homepage http://www.twistermc.com
  @email twistermc@gmail.com
  @license MPL/LGPL/GPL
  =/skin=
*/


/* Formatting for the Ubiquity Pop-Up */


#cmd-panel {
  padding: 0px;
  margin: 10px;
  border: 1px solid #e1e1e1;
  	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAACwCAIAAAAkDGFxAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAArwAAAK8AFCrDSYAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1MzmNZGAwAAAQdJREFUeJzt2lEKwjAQQEGV3P/IWY+gHw90YeYEj7RJFtrnzDz+3uvXAV9R2VHZUdlR2VHZUdlR2VHZUdlR2VHZUdlR2VHZUdlR2VHZUdlR2VHZUdlR2VHZUdlR2VHZUdlR2VHZUdlR2VHZUdk5/gvOqOyo7KjsnLnOy4jKjsrOuXN/3fDZjrVU2TGrd1R2vJcdlZ0dlWeuaSNyrpOoorKzo9I93lHZ8V52dlSaiToqO+bLjsqOyo5po2MtOyo7vuJ3VHZ2VPo+3nFDdlR2dlTaPR0zUUdlR2XH5NZx93RUdnZU2j2dHZXmy47KjsqO+bLjhuyo7KjsqOzsqNxxqu+o3PHEd1S+AWvqUjH3pL9hAAAAAElFTkSuQmCC) repeat-x 0 bottom;
  	-moz-border-radius: 3px;
  	-moz-opacity: 0.95;
  	
}

#cmd-entry-container {
  margin: 8px;
  padding: 3px;
  font-size: 14pt;
  border: 0px solid #aaa;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #33bcf1;
	-moz-opacity: 1.0;
}

#cmd-entry {
  -moz-appearance: none;
  background: #33bcf1;
  border: none;
  font-size: 18pt;
  color: #fff;
  width: 100%;
  font-weight: bold;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  -moz-border-radius: 3px;
	padding: 0 0 0 2px;
	-moz-opacity: 1.0;
	
}

#cmd-preview {
  -moz-appearance: none;
  border: none;
  margin: 10px;
  overflow: hidden;
}


body#previewbody {
    margin: 0;
    padding: 0;
    color: #1c1c1c;
}

#ubiquity-preview {
    width: 500px;
}

/* Formatting for the Preview box */

div#ubiquity-preview .help {
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  font-size: 11pt;
  color: #787878;
}
div#ubiquity-preview #preview-pane div {
	color: #9e9e9e;
}

div#ubiquity-preview .gresult {
  margin-bottom: 10px;

}

div#ubiquity-preview .gresult a {
  color: #33bcf1;
  text-decoration: underline;
  font-size: 14pt;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  cursor: pointer;
}
div#ubiquity-preview .gresult-url {
  font-size: x-small;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  color: #777;
}
div#ubiquity-preview .gresult-content {
  margin-right: 10px;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  font-size: small;
}

div#ubiquity-preview.img {
    padding: 5px;
}

/* Formatting for the Preview Pane and Verb/Command suggestion list */

div#ubiquity-preview #preview-pane {
    color: #858585;
    background: transparent;
    padding-left: 15px;
    padding: 7px;
    border-top: 1px solid #333;
    margin-top: 5px;
    font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size: 11pt;
} 


div#ubiquity-preview .hilited-text {
    font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #33bcf1;
}

div#ubiquity-preview .hilited {
    padding: 5px;
    margin: 2px;
    -moz-border-radius: 3px;
	background-color: #222;
}


div#ubiquity-preview .suggested {
    margin: 2px;
    padding: 5px;
    font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    color: #33bcf1;
}

div#ubiquity-preview .needarg {
    font-style: oblique;
    color: #9e9e9e;
}
div#ubiquity-preview .cmdicon {
    display: inline-block;
    width: 16px;
}
div#ubiquity-preview .cmdicon img {
    vertical-align: middle;
    width: 16px;
    height: 16px;
}