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 :insensitive {
  41         background-color: rgba(0,0,0,0); /* transparent */
  42 }
  43
  44 .entry {
  45         padding: 2px;
  46         color: @text_color;
  47 }
  48
  49 #vbox > .entry,
  50 #statusbar * {
  51         border-width: 0px;
  52 }
  53
  54 #statusbar > GtkEventBox {
  55         background-image: none;
  56         background-color: white;
  57 }
  58
  59 #statusbar > GtkEventBox .entry {
  60         background-image: none;
  61         background-color: rgba(0, 0, 0, 0);
  62 }
  63
  64 GtkEventBox#red,
  65 .entry#red {
  66         background-image: none;
  67         background-color: @red;
  68 }
  69
  70 GtkEventBox#yellow,
  71 .entry#yellow {
  72         background-image: none;
  73         background-color: @yellow;
  74 }
  75
  76 GtkEventBox#green,
  77 .entry#green {
  78         background-image: none;
  79         background-color: @green;
  80 }
  81
  82 GtkEventBox#blue,
  83 .entry#blue {
  84         background-image: none;
  85         background-color: @blue;
  86 }
  87
  88 .entry:selected,
  89 .entry:selected#red,
  90 .entry:selected#yellow,
  91 .entry:selected#green,
  92 .entry:selected#blue,
  93 .entry.progressbar,
  94 .entry.progressbar#red,
  95 .entry.progressbar#yellow,
  96 .entry.progressbar#green,
  97 .entry.progressbar#blue,
  98 #statusbar .entry:selected,
  99 #statusbar .entry:selected#red,
 100 #statusbar .entry:selected#yellow,
 101 #statusbar .entry:selected#green,
 102 #statusbar .entry:selected#blue,
 103 #statusbar .entry.progressbar,
 104 #statusbar .entry.progressbar#red,
 105 #statusbar .entry.progressbar#yellow,
 106 #statusbar .entry.progressbar#green,
 107 #statusbar .entry.progressbar#blue {
 108         background-image: none;
 109         background-color: @selected_bg_color;
 110         color: @selected_fg_color;
 111 }
 112
 113 .button#Back,
 114 .button#Forward,
 115 .button#Home,
 116 .button#Stop,
 117 .button#JS-Toggle,
 118 .button#Close {
 119         border-width: 0;
 120 }
 121
 122 .menuitem {
 123         padding: 3px;
 124 }
 125
 126 .notebook tab {
 127         background-color: shade(@bg_color, 0.85);
 128         color: @fg_color;
 129         padding: 0px;
 130 }
 131
 132 .notebook tab:active {
 133         background-color: @bg_color;
 134 }
 135
 136 GtkScrollbar#hidden {
 137         border-width: 0px;
 138         -GtkRange-slider-width: 0px;
 139         -GtkRange-trough-border: 0px;
 140 }
 141
 142 /* compact tabs */
 143
 144 #tab_bar {
 145         background-color: @ct_separator;
 146 }
 147
 148 #compact_tab {
 149         background-color: @ct_bg;
 150 }
 151
 152 #compact_tab GtkLabel {
 153         -GtkLabel-width-chars: 1;
 154         color: @ct_inactive;
 155         padding: 4px;
 156 }
 157
 158 #compact_tab GtkLabel#active {
 159         color: @ct_active;
 160 }