xombrero.css

   1 /*
   2  * Copyright (c) 2012 Josh Rickmar <jrick@devio.us>
   3  *
   4  * Permission to use, copy, modify, and distribute this software for any
   5  * purpose with or without fee is hereby granted, provided that the above
   6  * copyright notice and this permission notice appear in all copies.
   7  *
   8  * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
   9  * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
  10  * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
  11  * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
  12  * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
  13  * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
  14  * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
  15  */
  16
  17 @define-color red #cc0000;
  18 @define-color yellow #ffff66;
  19 @define-color green #99ff66;
  20 @define-color blue lightblue;
  21 @define-color ct_bg #000000;
  22 @define-color ct_inactive #dddddd;
  23 @define-color ct_active #bbbb00;
  24 @define-color ct_separator #555555;
  25
  26 * {
  27         border-width: 1px;
  28         padding: 0;
  29         margin: 0;
  30         -GtkScrolledWindow-scrollbar-spacing: 0;
  31         -GtkWidget-line-width: 0;
  32 }
  33
  34 .button,
  35 GtkSpinner {
  36         -GtkWidget-focus-padding: 0;
  37         -GtkWidget-line-width: 0;
  38 }
  39
  40 .button :insensitive,
  41 GtkMenu :insensitive {
  42         background-color: rgba(0,0,0,0); /* transparent */
  43 }
  44
  45 .entry {
  46         padding: 2px;
  47         color: @text_color;
  48 }
  49
  50 #vbox > .entry,
  51 #statusbar * {
  52         border-width: 0px;
  53 }
  54
  55 #statusbar > GtkEventBox {
  56         background-image: none;
  57         background-color: white;
  58 }
  59
  60 #statusbar > GtkEventBox .entry {
  61         background-image: none;
  62         background-color: rgba(0, 0, 0, 0);
  63 }
  64
  65 GtkEventBox#red,
  66 .entry#red {
  67         background-image: none;
  68         background-color: @red;
  69 }
  70
  71 GtkEventBox#yellow,
  72 .entry#yellow {
  73         background-image: none;
  74         background-color: @yellow;
  75 }
  76
  77 GtkEventBox#green,
  78 .entry#green {
  79         background-image: none;
  80         background-color: @green;
  81 }
  82
  83 GtkEventBox#blue,
  84 .entry#blue {
  85         background-image: none;
  86         background-color: @blue;
  87 }
  88
  89 .entry:selected,
  90 .entry:selected#red,
  91 .entry:selected#yellow,
  92 .entry:selected#green,
  93 .entry:selected#blue,
  94 .entry.progressbar,
  95 .entry.progressbar#red,
  96 .entry.progressbar#yellow,
  97 .entry.progressbar#green,
  98 .entry.progressbar#blue,
  99 #statusbar .entry:selected,
 100 #statusbar .entry:selected#red,
 101 #statusbar .entry:selected#yellow,
 102 #statusbar .entry:selected#green,
 103 #statusbar .entry:selected#blue,
 104 #statusbar .entry.progressbar,
 105 #statusbar .entry.progressbar#red,
 106 #statusbar .entry.progressbar#yellow,
 107 #statusbar .entry.progressbar#green,
 108 #statusbar .entry.progressbar#blue {
 109         background-image: none;
 110         background-color: @selected_bg_color;
 111         color: @selected_fg_color;
 112 }
 113
 114 .button#Back,
 115 .button#Forward,
 116 .button#Home,
 117 .button#Stop,
 118 .button#JS-Toggle,
 119 .button#Close {
 120         border-width: 0;
 121 }
 122
 123 .menuitem {
 124         padding: 3px;
 125 }
 126
 127 .notebook tab {
 128         background-color: shade(@bg_color, 0.85);
 129         color: @fg_color;
 130         padding: 0px;
 131 }
 132
 133 .notebook tab:active {
 134         background-color: @bg_color;
 135 }
 136
 137 GtkScrollbar#hidden {
 138         border-width: 0px;
 139         -GtkRange-slider-width: 0px;
 140         -GtkRange-trough-border: 0px;
 141 }
 142
 143 /* compact tabs */
 144
 145 #tab_bar {
 146         background-color: @ct_separator;
 147 }
 148
 149 #compact_tab {
 150         background-color: @ct_bg;
 151 }
 152
 153 #compact_tab GtkLabel {
 154         -GtkLabel-width-chars: 1;
 155         color: @ct_inactive;
 156         padding: 4px;
 157 }
 158
 159 #compact_tab GtkLabel#active {
 160         color: @ct_active;
 161 }