a skin for ubiquity

x

/*
 =skin=

 @name Ubiquity Terminal
 @author ssdwx
 @homepage http://nyoi.org
 @email kkaxxx@gmail.com
 @license MPL/LGPL/GPL

 =/skin=
*/

/* Formatting for the Ubiquity Pop-Up */

#cmd-panel {
 padding: 0px;
 width: 720px;
 background-color:rgba(00,00,00,0.8);
}

#cmd-frame{
}

/* The parent of the box for entering text */
#cmd-entry-container {
 padding: 0;
}

/* Where text is entered */
#cmd-entry {
-moz-appearance: none;
 background-color:black;
font-size: 20pt;
font-weight:bold;
color: green;
width: 100%;
border: none;
padding:5px 0 5px 15px;
}

#ubiquity-preview {
 width: 720px;
color:green;
 min-height: 420px;
}


#cmd-preview {
  width: 720px;
 border: none;
overflow:hidden;
font-size:16px;
}


div#ubiquity-preview #suggestions {
 width: 212px;
 position: absolute;
 top: 0px;
 left: 0px;
}

div#ubiquity-preview #preview-pane {
   position: absolute;
   left:210px;
   top: 0px;
   padding:10px 3px 0 10px;
width:506px;
min-height: 410px;
border-top:2px  dashed green;
border-left:2px  dashed green;
}


div#ubiquity-preview .suggested {
   font-size: 0.9em;
   padding: 5px;
   min-height: 20px;
   overflow: hidden;
margin-left:10px;
}

div#ubiquity-preview .hilited {
   font-size: 1.3em;
   padding: 5px;
   min-height: 30px;
   overflow: hidden;
background:green;
color:black;
}

div#ubiquity-preview .cmdicon {
   display: inline-block;
   width: 16px;
}
div#ubiquity-preview .cmdicon img {
   vertical-align: middle;
   width: 16px;
   height: 16px;
}



div#ubiquity-preview .needarg {
   font-style: oblique;
color: #555;
   text-shadow: none;
   font-size: 80%;
}

div#ubiquity-preview .hilited .needarg {
   font-style: oblique;
       color: #AAA;
   font-size: 80%;
}

div#ubiquity-preview .selection {
  padding: 2px;
  -moz-border-radius: 3px;
  display: inline-block;
  font-variant: small-caps;
  background-color: #BBB;
  color: #333;
  position: relative;
  top: -2px;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid #777;
}



/* Formatting for the Preview box */

div#ubiquity-preview .help {
}

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

div#ubiquity-preview .gresult a {
 text-decoration: underline;
 font-size: 1.3em;
 cursor: pointer;
}
div#ubiquity-preview .gresult-url {
 font-size: 0.7em;
padding-left:5px;
}
div#ubiquity-preview .gresult-content {
 margin-right: 10px;
 font-size: 1em;
}