Skip to content

Instantly share code, notes, and snippets.

@TwisterMc
Created January 16, 2009 04:36
Show Gist options
  • Save TwisterMc/47813 to your computer and use it in GitHub Desktop.
Save TwisterMc/47813 to your computer and use it in GitHub Desktop.
Simple blue and white Ubiquity skin.
/*
=skin=
@name Tranquil v1.0.2
@author Thomas McMahon
@homepage http://www.twistermc.com
@email [email protected]
@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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment