themes/solarized-dark/css/style-solarized-dark.css

   1 /*
   2  * Solarized Dark - by NumEricR
   3  * http://github.com/NumEricR/poche-themes
   4  * ==================================================
   5  *
   6  * Based on Solarized's palette - (c) 2011 Ethan Schoonover
   7  * See http://ethanschoonover.com/solarized#usage-development
   8  * See http://ethanschoonover.com/solarized#the-values
   9  *
  10  * Background:              #002b36     base 03
  11  * Highlight:               #073642     base 02
  12  * Primary content:         #839496     base 0
  13  * Intermediate:            #657b83     base 00
  14  * Emphasized content:      #93a1a1     base 1
  15  * Secondary content:       #586e75     base 01
  16  * Green:                   #859900
  17  * Orange:                  #cb4b16
  18  * Red:                     #dc322f
  19  * Blue:                    #268bd2
  20  *
  21  * ================================================== */
  22
  23 /* Background */
  24
  25 body,
  26 #article_toolbar {
  27     background-color: #002b36;
  28 }
  29
  30 /* Highlight */
  31 /* 2 different selectors for selection pseudo-elmt */
  32 /* See https://developer.mozilla.org/en-US/docs/Web/CSS/::selection */
  33 ::-moz-selection {
  34     background-color: #073642;
  35 }
  36 ::selection {
  37     background-color: #073642;
  38 }
  39
  40 /* Primary content */
  41
  42 body,
  43 a,
  44 a:hover,
  45 a:visited {
  46     color: #839496;
  47 }
  48
  49 /* Secondary content */
  50
  51 .tools p,
  52 .vieworiginal a,
  53 .vieworiginal a:hover,
  54 .vieworiginal a:visited {
  55     color: #586e75;
  56 }
  57
  58 #main #content .entrie,
  59 #article header,
  60 #article article {
  61     border-bottom-color: #586e75;
  62 }
  63
  64 /* Emphasized content */
  65
  66 .entrie h2 a:hover,
  67 footer,
  68 footer a {
  69     color: #93a1a1;
  70 }
  71
  72 /* Colored content */
  73
  74 #main .messages.success,
  75 #main .messages.warning,
  76 #main .messages.error,
  77 #main .messages.information,
  78 #main .messages.info {
  79     background-color: #073642;
  80 }
  81
  82 #main .messages.success {
  83     border-color: #859900;
  84 }
  85
  86 #main .messages.success p {
  87     color: #859900 !important; /* Overwrites !important used on messages.css */
  88 }
  89
  90 #main .messages.warning {
  91     border-color: #cb4b16;
  92 }
  93
  94 #main .messages.warning p {
  95     color: #cb4b16;
  96 }
  97
  98 #main .messages.error {
  99     border-color: #dc322f;
 100 }
 101
 102 #main .messages.error p {
 103     color: #dc322f !important; /* Overwrites !important used on messages.css */
 104 }
 105
 106 #main .messages.information,
 107 #main .messages.info {
 108     border-color: #268bd2;
 109 }
 110
 111 #main .messages.information p,
 112 #main .messages.info p {
 113     color: #268bd2;
 114 }
 115
 116 /* Miscellaneous */
 117
 118 .bouton,
 119 .bouton:hover,
 120 #main #links li a.current,
 121 #links a:hover,
 122 .pagination span.current,
 123 .pagination a:hover,
 124 .pagination a:active {
 125     color: #002b36;
 126     background-color: #586e75;
 127 }
 128
 129 .bouton:hover {
 130     background-color: #657b83;
 131 }
 132
 133 #login,
 134 #password,
 135 #password_repeat,
 136 #bookmarklet,
 137 .top_link {
 138     background-color: #073642;
 139 }
 140
 141 #login,
 142 #password,
 143 #password_repeat,
 144 #bookmarklet {
 145     padding: 5px;
 146     border: 1px solid #586e75;
 147     color: #839496;
 148 }
 149
 150 #bookmarklet {
 151     border-style: dashed;
 152 }
 153
 154 .pagination a {
 155     border-color: #586e75;
 156     color: #586e75;
 157 }
 158
 159 .pagination span.current {
 160     border-color: #073642;
 161 }
 162
 163 /* Images */
 164
 165 a.back span {
 166     background-image: url('../img/solarized-dark/left.png');
 167 }
 168
 169 a.top span {
 170     background-image: url('../img/solarized-dark/top.png');
 171 }
 172
 173 a.fav span,
 174 a.fav-off span:hover {
 175     background-image: url('../img/solarized-dark/star-on.png');
 176 }
 177
 178 a.fav span:hover,
 179 a.fav-off span {
 180     background-image: url('../img/solarized-dark/star-off.png');
 181 }
 182
 183 a.archive span,
 184 a.archive-off span:hover {
 185     background-image: url('../img/solarized-dark/checkmark-on.png');
 186 }
 187
 188 a.archive span:hover,
 189 a.archive-off span {
 190     background-image: url('../img/solarized-dark/checkmark-off.png');
 191 }
 192
 193 a.twitter span {
 194     background-image: url('../img/solarized-dark/twitter.png');
 195 }
 196
 197 a.flattr span {
 198     background-image: url('../img/solarized-dark/flattr.png');
 199 }
 200
 201 a.shaarli span {
 202     background-image: url('../img/solarized-dark/shaarli.png');
 203 }
 204
 205 a.email span {
 206     background-image: url('../img/solarized-dark/envelop.png');
 207 }
 208
 209 a.delete span {
 210     background-image: url('../img/solarized-dark/remove.png');
 211 }
 212
 213 a.link span {
 214     background-image: url('../img/solarized-dark/link.png');
 215 }
 216
 217 a.bad-display span {
 218     background-image: url('../img/solarized-dark/bad-display.png');
 219 }
 220
 221 a.reading-time span {
 222     background-image: url('../img/solarized-dark/clock.png');
 223 }