シナモン CSS テーマを作成しようとしていますが、非常に奇妙な問題が発生しています。
以下に示すように、 と.menu-application-button:hoverの.menu-application-button-selectedbackgound-colour 属性を に設定しました#3478db。
背景が白く見えるスクロールバーが存在する場合を除いて、これは正常に機能します。メニューコードで何も白に設定していないので、これは奇妙です。使用してみ!importantましたが、問題は解決しません。
これは私がやったばかげた間違いですか、それともシナモンのバグですか? また、それが間違いである場合、どうすれば修正できますか?
メニューコードは次のとおりです。
/* ===================================================================
* Menu (menu.js)
* ===================================================================*/
.menu-favorites-box {
width: 50px;
margin: auto;
padding: 10px;
border: 1px solid #aaa;
border-radius: 3px;
background-color: rgba(85,85,85,0.1);
transition-duration: 100;
}
.menu-favorites-button {
padding: 10px;
}
.menu-favorites-button:hover {
padding: 10px 4px 10px 16px;
}
.menu-help-button {
padding-top: 2px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
}
.menu-help-button:hover {
color: white;
background-gradient-direction: vertical;
background-gradient-start: rgba(255,255,255,0.12);
background-gradient-end: rgba(255,255,255,0.06);
box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.12);
border-radius: 3px;
}
.menu-places-box {
padding: 10px;
}
.menu-places-button {
padding: 10px;
}
.menu-categories-box {
padding-top: 15px;
padding-left: 15px;
padding-right: 5px;
padding-bottom: 0px;
}
.menu-applications-box {
padding-top: 15px;
padding-left: 10px;
padding-right: 15px;
padding-bottom: 0px;
}
.menu-application-button {
height: 36px;
padding: 0px 7px;
}
.menu-application-button:hover,
.menu-application-button-selected {
height: 36px;
padding: 0px 7px;
color: rgba(255,255,255,1);
background-color: #3478db;
border-color: #3374D4;
}
.menu-application-button-label:ltr {
padding-left: 5px;
}
.menu-application-button-label:rtl {
padding-right: 5px;
}
.menu-category-button {
height: 36px;
padding: 0px 7px;
}
.menu-category-button-greyed {
height: 36px;
padding: 0px 7px;
color: #aaa;
}
.menu-category-button-selected {
height: 36px;
padding: 0px 7px;
background-color: #3478db;
color: rgba(255,255,255,1);
border-color: #3374D4;
}
.menu-category-button-label:ltr {
padding-left: 5px;
}
.menu-category-button-label:rtl {
padding-right: 5px;
}
/* Name and description of the currently hovered item in the menu
* This appears on the bottom right hand corner of the menu*/
.menu-selected-app-box {
padding-right: 30px;
padding-left: 28px;
text-align: right;
}
.menu-selected-app-title {
font-weight: bold;
color: #4784de;
}
.menu-selected-app-description {
max-width: 150px;
color: #333;
}
.menu-search-box:ltr {
padding-left: 15px;
}
.menu-search-box:rtl {
padding-right: 15px;
}
#menu-search-entry {
border-image: url("entry.png") 5;
color: #333;
caret-color: #333;
font-size: 12pt;
caret-size: 1px;
selected-color: white;
selection-background-color: #4784de;
padding: 0px 8px;
width: 15em;
height: 30px;
}
.menu-search-entry-icon {
icon-size: 1em;
color: #333;
}
.menu-context-menu {
}
必要に応じて、完全なコードはhttp://pastebin.com/yTCF0b9fで入手できます。