439 lines
13 KiB
CSS
439 lines
13 KiB
CSS
|
/* Gajim Application CSS File */
|
||
|
|
|
||
|
|
.chatcontrol-actionbar-button {
|
||
|
|
padding: 0px 5px 0px 5px;
|
||
|
|
background-color: @theme_base_color;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.scrolled-no-border { border: none; }
|
||
|
|
.no-scroll-indicator undershoot.top, undershoot.bottom { background-image: none; }
|
||
|
|
.scrollbar-style scrollbar trough {background-color:@theme_base_color; }
|
||
|
|
.scrollbar-style scrollbar {border:none; }
|
||
|
|
.one-line-scrollbar scrollbar.vertical slider { min-height: 20px; }
|
||
|
|
|
||
|
|
.actionbar-no-border box { border: none; }
|
||
|
|
.actionbar-no-border button {
|
||
|
|
padding: 0px;
|
||
|
|
background-color: @theme_base_color;
|
||
|
|
border: none;
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dialog-margin > box { margin: 18px;}
|
||
|
|
|
||
|
|
#MessageWindow, #RosterWindow paned { background-color: @theme_base_color; }
|
||
|
|
|
||
|
|
#DropArea {background-color: @theme_base_color;}
|
||
|
|
|
||
|
|
.chatcontrol-separator-top {margin-top: 5px;}
|
||
|
|
|
||
|
|
.chatcontrol-separator {margin-bottom: 5px;}
|
||
|
|
|
||
|
|
.message-input-border {
|
||
|
|
border: 2px solid @theme_unfocused_bg_color;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
.message-input-focus {
|
||
|
|
border: 2px solid @theme_selected_bg_color;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.link-button { min-height: 0px; }
|
||
|
|
|
||
|
|
/* VCardWindow */
|
||
|
|
.VCard-GtkLinkButton { padding-left: 5px; border-left: none; }
|
||
|
|
|
||
|
|
#NicknameEntry:disabled {
|
||
|
|
font-size: 28px;
|
||
|
|
font-weight: bold;
|
||
|
|
border: none;
|
||
|
|
padding: 0px 0px 0px 0px;
|
||
|
|
background-color: @theme_unfocused_bg_color;
|
||
|
|
color: @theme_fg_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
#ProfileWindow grid { padding: 18px; }
|
||
|
|
#ProfileWindow grid > button {
|
||
|
|
padding-left: 4px;
|
||
|
|
padding-right: 4px;
|
||
|
|
}
|
||
|
|
#ProfileWindow popover { padding: 6px; }
|
||
|
|
#ProfileWindow actionbar box {
|
||
|
|
padding: 0px;
|
||
|
|
}
|
||
|
|
#ProfileWindow actionbar button {
|
||
|
|
margin-top: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.profile-scrolled {
|
||
|
|
border: 1px solid @borders;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
.profile-scrolled-read textview {
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
.profile-scrolled-read textview text {
|
||
|
|
background: transparent;
|
||
|
|
color: @theme_text_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Emoticon Popover */
|
||
|
|
popover#EmoticonPopover button { background: none; border: none; box-shadow:none; padding: 0px;}
|
||
|
|
popover#EmoticonPopover button > label { font-size: 24px; }
|
||
|
|
popover#EmoticonPopover flowboxchild > label { font-size: 24px; }
|
||
|
|
popover#EmoticonPopover flowboxchild { padding-top: 5px; padding-bottom: 5px; }
|
||
|
|
popover#EmoticonPopover scrolledwindow { border: none; }
|
||
|
|
popover#EmoticonPopover { padding: 5px; background-color: @theme_unfocused_base_color; }
|
||
|
|
|
||
|
|
.emoji-chooser-heading { font-size: 13px; font-weight: bold; padding: 5px;}
|
||
|
|
.emoji-chooser-flowbox { padding-left: 5px; padding-right: 11px; }
|
||
|
|
.emoji-modifier-chooser-flowbox { padding-left: 5px; }
|
||
|
|
|
||
|
|
/* HistorySyncAssistant */
|
||
|
|
#HistorySyncAssistant notebook { padding: 18px; }
|
||
|
|
#HistorySyncAssistant progressbar text { color: #000; font-size: 18px; padding: 10px;}
|
||
|
|
#HistorySyncAssistant list { border: 1px solid; border-color: @borders; }
|
||
|
|
#HistorySyncAssistant list > row { padding: 10px 30px 10px 30px; }
|
||
|
|
#HistorySyncAssistant list > row > label { color: @insensitive_fg_color; }
|
||
|
|
#HistorySyncAssistant list > row.activatable > label { color: @theme_text_color; }
|
||
|
|
#HistorySyncAssistant list > row.activatable:selected > label { color: @theme_selected_fg_color; }
|
||
|
|
#FinishedLabel { font-size: 14px; font-weight: bold; }
|
||
|
|
|
||
|
|
/* Server Info */
|
||
|
|
#ServerInfo { border: 1px solid; border-color: @borders; }
|
||
|
|
#ServerInfo > row:first-child { border-top: 1px solid; border-color: @borders; }
|
||
|
|
#ServerInfo > row { padding: 10px 20px 10px 10px; }
|
||
|
|
#ServerInfo > label { padding:10px; color: @insensitive_fg_color; font-weight: bold; }
|
||
|
|
#ServerInfo > row.activatable:active { box-shadow: none; }
|
||
|
|
|
||
|
|
/* Features Info */
|
||
|
|
#FeaturesInfoGrid { padding: 6px; }
|
||
|
|
#FeaturesInfoGrid > list { border: 1px solid; border-color: @borders; }
|
||
|
|
#FeaturesInfoGrid > list > row:first-child { border-top: 1px solid; border-color: @borders; }
|
||
|
|
#FeaturesInfoGrid > list > row { padding: 10px 20px 10px 10px; }
|
||
|
|
#FeaturesInfoGrid > list > label { padding:10px; color: @insensitive_fg_color; font-weight: bold; }
|
||
|
|
#FeaturesInfoGrid > list > row.activatable:active { box-shadow: none; }
|
||
|
|
|
||
|
|
/* SettingsBox */
|
||
|
|
.settings-box > row { border-bottom: 1px solid; border-color: @theme_unfocused_bg_color; }
|
||
|
|
.settings-box > row:last-child { border-bottom: 0px; }
|
||
|
|
.settings-box > row.activatable:active { box-shadow: none; }
|
||
|
|
.settings-box > row { padding: 10px 20px 10px 10px; }
|
||
|
|
.settings-box > row:not(.activatable) label { color: @insensitive_fg_color; }
|
||
|
|
|
||
|
|
window.settings-dialog row {
|
||
|
|
border-bottom: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
window.settings-dialog list {
|
||
|
|
background: transparent;
|
||
|
|
margin: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* GenericSetting */
|
||
|
|
#SubDescription { color: @insensitive_fg_color; font-size: small;}
|
||
|
|
#GenericSettingBox { margin-left: 30px; }
|
||
|
|
#GenericSettingBox > label { padding-right: 3px; }
|
||
|
|
|
||
|
|
/* Generic Popover Menu with Buttons */
|
||
|
|
.PopoverButtonListbox { padding-left: 0px; padding-right: 0px; }
|
||
|
|
.PopoverButtonListbox > list { margin-top: 10px; margin-bottom: 10px; }
|
||
|
|
.PopoverButtonListbox > list > row { padding: 10px 20px 10px 20px; }
|
||
|
|
.PopoverButtonListbox > list > row.activatable:active { box-shadow: none; background-color: @theme_selected_bg_color; }
|
||
|
|
|
||
|
|
/* Settings ListBox */
|
||
|
|
list.settings {
|
||
|
|
border: @borders 1px solid;
|
||
|
|
}
|
||
|
|
list.settings > row:not(:last-child) {
|
||
|
|
border-bottom: @theme_unfocused_bg_color 1px solid;
|
||
|
|
}
|
||
|
|
list.settings row { min-height: 52px; }
|
||
|
|
list.settings > row > box {
|
||
|
|
margin: 6px 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Settings Window */
|
||
|
|
list.settings-menu row {
|
||
|
|
border-bottom: 1px solid;
|
||
|
|
border-color: @theme_unfocused_bg_color;
|
||
|
|
padding: 14px;
|
||
|
|
min-width: 170px;
|
||
|
|
}
|
||
|
|
list.settings-menu row label {
|
||
|
|
padding-left: 12px;
|
||
|
|
}
|
||
|
|
.settings-stack viewport > box {
|
||
|
|
margin-left: 30px;
|
||
|
|
margin-right: 30px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
margin-top: 25px;
|
||
|
|
}
|
||
|
|
.settings-border {
|
||
|
|
border: 1px solid;
|
||
|
|
border-color: @borders;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* InfoBar */
|
||
|
|
infobar.info > revealer > box {
|
||
|
|
color: #3A87AD;
|
||
|
|
background-color: #D9EDF7;
|
||
|
|
}
|
||
|
|
infobar.question > revealer > box {
|
||
|
|
color: #295A72;
|
||
|
|
background-color: #AFDAF0;
|
||
|
|
}
|
||
|
|
infobar.warning > revealer > box {
|
||
|
|
color: #D06821;
|
||
|
|
background-color: #FFEBC0;
|
||
|
|
}
|
||
|
|
infobar.error > revealer > box {
|
||
|
|
color: #B94A48;
|
||
|
|
background-color: #F2DEDE;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*SendFileDialog*/
|
||
|
|
#SendFileDialog grid list > row { padding: 10px 20px 10px 10px; }
|
||
|
|
|
||
|
|
/* Accounts Window */
|
||
|
|
.accounts-menu { border-right: 1px solid; border-color: @borders;}
|
||
|
|
.accounts-settings-border {border: 1px solid; border-color: @borders;}
|
||
|
|
.accounts-settings stack > box { margin:30px; }
|
||
|
|
.accounts-label-row {
|
||
|
|
padding-top: 10px;
|
||
|
|
padding-bottom: 10px;
|
||
|
|
font-size: 18px;
|
||
|
|
font-weight: bold;
|
||
|
|
color: @insensitive_fg_color;}
|
||
|
|
|
||
|
|
/* Account Creation */
|
||
|
|
.tls-error-list {
|
||
|
|
border: 1px solid; border-color: @borders;
|
||
|
|
}
|
||
|
|
.tls-error-list > row {
|
||
|
|
border-bottom: 1px solid; border-color: @theme_unfocused_bg_color;
|
||
|
|
padding: 6px;
|
||
|
|
}
|
||
|
|
.tls-error-list > row:last-child {
|
||
|
|
border-bottom: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Start Chat Accounts Treeview */
|
||
|
|
.start-chat-treeview { padding: 5px; }
|
||
|
|
.start-chat-treeview:focus {outline: none; }
|
||
|
|
.start-chat-scrolled { border: 1px solid; border-color:@unfocused_borders; }
|
||
|
|
|
||
|
|
/* StartChatListBox */
|
||
|
|
.start-chat-row { border-bottom: 1px solid; border-color: @theme_unfocused_bg_color; }
|
||
|
|
.start-chat-row:last-child { border-bottom: 0px; }
|
||
|
|
.start-chat-row.activatable:active { box-shadow: none; }
|
||
|
|
.start-chat-row { padding: 10px 20px 10px 10px; }
|
||
|
|
.start-chat-row:not(.activatable) label { color: @insensitive_fg_color; }
|
||
|
|
.start-chat-row:focus { outline: none; }
|
||
|
|
|
||
|
|
/* GroupChatRoster */
|
||
|
|
.groupchat-roster { border-left: 1px solid;
|
||
|
|
border-color: @borders; }
|
||
|
|
.groupchat-roster treeview { padding-left: 4px; }
|
||
|
|
|
||
|
|
/* GroupchatConfig */
|
||
|
|
#GroupchatConfig stack { border-bottom: 1px solid; border-color: @borders;}
|
||
|
|
#GroupchatConfig stacksidebar > scrolledwindow {
|
||
|
|
background-color: @theme_base_color;
|
||
|
|
border-bottom: 1px solid;
|
||
|
|
border-color: @borders;
|
||
|
|
}
|
||
|
|
#GroupchatConfig treeview { padding: 5px; }
|
||
|
|
|
||
|
|
/* Popover Treeview */
|
||
|
|
.popover_treeview { border-radius: 3px; background-color: @theme_bg_color; }
|
||
|
|
.popover_treeview { padding: 6px; }
|
||
|
|
.popover_treeview :hover { background-color: @theme_selected_bg_color; }
|
||
|
|
|
||
|
|
/* .inline-toolbar linked from top */
|
||
|
|
.ontop-bar {
|
||
|
|
border-width: 1px;
|
||
|
|
border-bottom: none;
|
||
|
|
border-radius: 3px 3px 0 0;
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Container with buttons linked from below */
|
||
|
|
.linked-up * {
|
||
|
|
border-top: none;
|
||
|
|
border-top-left-radius: 0;
|
||
|
|
border-top-right-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Highlighted label */
|
||
|
|
.tagged {
|
||
|
|
background-color: @theme_selected_bg_color;
|
||
|
|
color: @theme_selected_fg_color;
|
||
|
|
padding: 0 3px;
|
||
|
|
margin: 0 -3px;
|
||
|
|
border-radius: 3px;
|
||
|
|
text-shadow: none;
|
||
|
|
opacity: 0.95;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ThemesWindow */
|
||
|
|
#ThemesWindow grid { padding: 12px; }
|
||
|
|
|
||
|
|
.theme_listbox row { border-bottom: 1px solid; border-color: @theme_unfocused_bg_color; padding: 5px 10px 5px 10px;}
|
||
|
|
.theme_listbox row:last-child { border-bottom: 0px; }
|
||
|
|
.theme_listbox row.activatable:active { box-shadow: none; }
|
||
|
|
.theme_listbox row:not(.activatable) label { color: @insensitive_fg_color; }
|
||
|
|
.theme_listbox row:focus { outline: none; }
|
||
|
|
.theme_listbox row:hover { background-color: @theme_base_color; }
|
||
|
|
|
||
|
|
.theme_remove_button {
|
||
|
|
background-color: @theme_base_color;
|
||
|
|
border: none;
|
||
|
|
background-image: none; }
|
||
|
|
|
||
|
|
.theme_remove_button:focus {outline: none;}
|
||
|
|
|
||
|
|
.theme_popover_listbox { padding: 10px; }
|
||
|
|
.theme_popover_listbox row { padding: 5px; }
|
||
|
|
.theme_popover_listbox row:focus { outline: none; }
|
||
|
|
|
||
|
|
|
||
|
|
/* Text style */
|
||
|
|
|
||
|
|
.bold { font-weight: bold; }
|
||
|
|
.bold16 { font-size: 16px; font-weight: bold; }
|
||
|
|
.bold24 { font-size: 24px; font-weight: bold; }
|
||
|
|
.large-header { font-size: 20px; font-weight: bold; }
|
||
|
|
.insensitive-fg-color {color: @insensitive_fg_color;}
|
||
|
|
|
||
|
|
/* Padding/Margins */
|
||
|
|
.margin-right18 { margin-right: 18px; }
|
||
|
|
.margin-top6 { margin-top: 6px; }
|
||
|
|
.margin-top12 { margin-top: 12px; }
|
||
|
|
.margin-3 { margin: 3px; }
|
||
|
|
.margin-12 { margin: 12px; }
|
||
|
|
.margin-18 { margin: 18px; }
|
||
|
|
.padding-6 { margin: 6px; }
|
||
|
|
.padding-18 { margin: 18px; }
|
||
|
|
.padding-left30 { padding-left: 30px; }
|
||
|
|
|
||
|
|
/* Treeview */
|
||
|
|
treeview.space { padding: 6px; }
|
||
|
|
|
||
|
|
/* GtkLinkButton style */
|
||
|
|
button.flat.link { padding: 0; border: 0; }
|
||
|
|
|
||
|
|
/*MessageWindow Notebook*/
|
||
|
|
.notebook-tab-label { min-width: 80px; }
|
||
|
|
|
||
|
|
/*Icon colors*/
|
||
|
|
.success-color { color: @success_color; }
|
||
|
|
.error-color { color: @error_color; }
|
||
|
|
.warning-color { color: @warning_color; }
|
||
|
|
.selected-color { color: @theme_selected_bg_color; }
|
||
|
|
|
||
|
|
/*Encryption*/
|
||
|
|
.encrypted-color { color: rgb(75, 181, 67); }
|
||
|
|
.unencrypted-color { color: @error_color; }
|
||
|
|
|
||
|
|
/*Receipts*/
|
||
|
|
.receipt-received-color { color: rgb(75, 181, 67); }
|
||
|
|
|
||
|
|
/*Dataforms*/
|
||
|
|
.field-fixed { font-size: 16px; font-weight: bold; padding-top:5px;}
|
||
|
|
.data-form-title { font-size: 16px; font-weight: bold; }
|
||
|
|
.data-form-widget grid { margin: 0px 18px 18px 18px; }
|
||
|
|
.data-form-widget treeview { padding: 5px; }
|
||
|
|
.data-form-widget scrolledwindow { border: 1px solid; border-color:@unfocused_borders; }
|
||
|
|
.data-form-widget textview { padding: 5px; }
|
||
|
|
|
||
|
|
/*Image Preview*/
|
||
|
|
.preview-image { box-shadow: 0px 0px 3px 0px alpha(@theme_text_color, 0.2); }
|
||
|
|
|
||
|
|
/* Badge */
|
||
|
|
.badge {
|
||
|
|
color: rgb(242, 242, 242);
|
||
|
|
padding-left: 6px;
|
||
|
|
padding-right: 6px;
|
||
|
|
padding-top: 2px;
|
||
|
|
padding-bottom: 2px;
|
||
|
|
border-radius: 4px;
|
||
|
|
font-size: 80%;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes pulse {
|
||
|
|
0% { -gtk-icon-transform: scale(1.0); }
|
||
|
|
20% { -gtk-icon-transform: scale(1.1); }
|
||
|
|
35% { -gtk-icon-transform: scale(1.0); }
|
||
|
|
}
|
||
|
|
|
||
|
|
.audio-mic-animation {
|
||
|
|
animation-name: pulse;
|
||
|
|
animation-duration: 2.0s;
|
||
|
|
animation-timing-function: ease-in-out;
|
||
|
|
animation-iteration-count: infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Treeview */
|
||
|
|
.adhoc-treeview { padding: 5px; }
|
||
|
|
.adhoc-scrolled { border: 1px solid; border-color:@unfocused_borders; }
|
||
|
|
|
||
|
|
/* Search Dialog */
|
||
|
|
.search-treeview { padding: 5px; }
|
||
|
|
.search-scrolled { border: 1px solid; border-color:@unfocused_borders; }
|
||
|
|
|
||
|
|
.gajim-treeview { padding: 4px; }
|
||
|
|
.gajim-treeview check { padding: 0px; }
|
||
|
|
.gajim-scrolled { border: 1px solid; border-color:@unfocused_borders; }
|
||
|
|
|
||
|
|
|
||
|
|
#GroupchatJoin > box {padding: 18px; }
|
||
|
|
|
||
|
|
.assistant-grid { padding: 18px; margin: 6px;}
|
||
|
|
.assistant-grid > box stack { padding: 18px; }
|
||
|
|
|
||
|
|
/* Windows notification */
|
||
|
|
#NotificationPopup {
|
||
|
|
background-color: #333333;
|
||
|
|
padding: 4px;
|
||
|
|
}
|
||
|
|
#NotificationPopup label {
|
||
|
|
color: #FFF;
|
||
|
|
}
|
||
|
|
#NotificationPopup button {
|
||
|
|
border-width: 0;
|
||
|
|
background-image: none;
|
||
|
|
background-color: inherit;
|
||
|
|
box-shadow: none;
|
||
|
|
text-shadow: none;
|
||
|
|
-gtk-icon-shadow: none;
|
||
|
|
}
|
||
|
|
#NotificationPopupTitle {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
popover.combo list {
|
||
|
|
min-width: 200px;
|
||
|
|
margin: 12px;
|
||
|
|
}
|
||
|
|
popover.combo { padding: 0px; }
|
||
|
|
popover.combo list {
|
||
|
|
border-style: none;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
popover.combo list > row {
|
||
|
|
padding: 0px 12px 0px 12px;
|
||
|
|
min-height: 40px;
|
||
|
|
}
|
||
|
|
popover.combo list > row:not(:last-child) { border-bottom: 1px solid alpha(#cdc7c2, 0.5); }
|
||
|
|
popover.combo scrollbar.vertical { padding-top: 2px; padding-bottom: 2px; }
|
||
|
|
popover.combo scrollbar.vertical {
|
||
|
|
padding-top: 2px;
|
||
|
|
padding-bottom: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
messagedialog.confirmation-dialog > box { margin-top: 18px; }
|