Ubiquity skin troubles

14 views
Skip to first unread message

Pavle

unread,
Mar 18, 2011, 7:02:01 AM3/18/11
to ubiquity-firefox
Hey,

I'm trying to make a new skin for Ubiquity that will be compatible
(will look good) with Strata40 skin for Firefox.

There seems to be something wrong with my code/suggestions panel, but
I have no idea what. It's just that no matter what I do suggestions
are not shown correctly (there is just an icon and plain text in next
line). I have copied code from other skins (code for @-moz-document
url(chrome://ubiquity/content/suggest.html) is currently from Ubiquity
Evolved skin) with no results.

This is my code:

/*=skin=
@name Clean
@author Žiga Pavlin
@license MPL/LGPL/GPL
@email: ziga....@gmail.com
@homepage not-yet-public
@theme compatibility Chrome, Strata Reloaded
=/skin=*/

#ubiquity-panel {
-moz-appearance: none;
position: relative;
position-top: 0px;
position-left: 0px;

margin-top: -2px;
margin-left: -2px;

/*background-color: #dfdfdf;*/
background: -moz-linear-gradient(top, #e8e8e8, #cfcfcf);
width: auto;
height: auto;

border: solid;
border-width: 1px;
border-top-color: #dfdfdf;
border-right-color: #545454;
border-bottom-color: #545454;
border-left-color: #878787;
-moz-border-radius: 0 0 7px 0; /*pri oboku sem dodal 2px!*/
}

#ubiquity-entry {
-moz-appearance: none;
background-color: #ffffff;
width: 450px;
height: 24px;
-moz-box-shadow: inset 0 0 2px #9d9fa2;

border: solid;
border-width: 1px;
border-color: #9ea0a4;

-moz-border-radius: 4px 4px 0 0;

font-style: normal;
font-size: 14px;
color: #020202;
font-family: Arial, Helvetica, sans-serif;
text-indent: 15px;

margin-top: 8px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 25px;

ime-mode: inactive;
}

#ubiquity-suggest {
-moz-appearance: none;
background-color: #ededee;
width: 450px;
height: auto;
min-height: 20px;
max-height: 200px;
-moz-box-shadow: inset 0 0 5px #b6b6b6;

border: solid;
border-width: 1px;
border-color: #bdbdbd;
-moz-border-radius: 0 0 7px 0;

margin-top: 0px;
margin-bottom: 0px;
margin-left: 20px;
margin-right: 25px;

padding: 0;
overflow: hidden;
}

#ubiquity-preview-container {
width: 450px;
height: auto;

padding-top: 20px;
padding-right: auto;
padding-left: 25px;
padding-bottom:: 40px;
}

#ubiquity-preview {
width: 100%;
min-height: 0px;
max-height: 600px;

padding: 0;
overflow: hidden;
}

#ubiquity-browser {
width: 440px;
height: 500px;
}

#ubiquity-help {
margin-left: 40px;
margin-top: 40px;

font-style: normal;
font-size: 14px;
color: #686b72;
font-family: Arial, Helvetica, sans-serif;
}

}

@-moz-document url(chrome://ubiquity/content/suggest.html) {

#suggestions {
width: 280px;
margin: 0;
font-family: Geneva, Tahoma, Verdana;
text-shadow: #333 0px 1px .2px;
color: #fff;
}

/* below are the only Parser 2 debug changes*/

/*
.verb {
border-bottom: 2px blue solid;
}

.prefix {
border-bottom: 2px orange solid;
font-weight: bold;
}

.argument {
border-bottom: 2px orange solid;
}

.object {
border-bottom: 2px black solid;
}

.inactive {
color: #666;
}*/


/* parser 2 update */
.delimiter, .verb {
font-weight: bold;
}

/*end Parser 2 version additions*/

.suggested {
padding: 0px;
font-size: 11pt;
padding: 5px;
border: 1px solid rgba(162,162,162,1);
border-right: 1px solid rgba(82,82,82,1);
border-bottom: 1px solid rgba(82,82,82,1);
font-family: Geneva, Tahoma, Verdana;
text-shadow: #AFAFAF 0px 1px .2px;

color: #000;
background-color: rgba(128,128,128,1);
min-height: 22px;
overflow: hidden;

cursor: pointer;
}

.hilited {
border: none;
margin-right: -30px;
padding-right: 30px;
z-index: 5000;
background-image: url(chrome://ubiquity/skin/icons/selected_bg.png);
background-color: transparent;
background-position: top left;
background-repeat: no-repeat;
}

.cmdicon {
display: inline-block;
width: 16px;
margin-right: 0.3em;
}
.cmdicon img {
vertical-align: middle;
width: 16px;
height: 16px;
}

.needarg {
font-style: oblique;
color: #AAA;
text-shadow: none;
font-size: 80%;
}
.needarg:before {
content: "(";
}
.needarg:after {
content: ")";
}

.hilited .needarg {
font-style: oblique;
color: #555;
font-size: 80%;
}

.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;
text-shadow: none;
}

}
@-moz-document url(resource://ubiquity/preview.html) {

body {
margin: 0; padding: 0 0 10px;
background: none; color: #4d4d4f;
font-size: 9.5pt;
word-wrap: break-word;
}

table { font-size: inherit }

a { text-decoration: none }
a:link { color: #4d4d4f }
a:visited { color: #6d6e71 }
a:hover { color: #000000 }
a:active { color: #000000 }

pre { white-space: pre-wrap }
pre, code, samp { font-family: "Consolas",monospace }

}

Thanks for your help =)
Žiga
Reply all
Reply to author
Forward
0 new messages