themes/solarized/css/style-solarized.css

   1 /*
   2  * Solarized - 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:              #fdf6e3     base 3
  11  * Highlight:               #eee8d5     base 2
  12  * Primary content:         #657b83     base 00
  13  * Intermediate:            #839496     base 0
  14  * Emphasized content:      #586e75     base 01
  15  * Secondary content:       #93a1a1     base 1
  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: #fdf6e3;
  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: #eee8d5;
  35 }
  36 ::selection {
  37     background-color: #eee8d5;
  38 }
  39
  40 /* Primary content */
  41
  42 body,
  43 a,
  44 a:hover,
  45 a:visited,
  46 td {
  47     color: #657b83;
  48 }
  49
  50 /* Secondary content */
  51
  52 .tools p,
  53 .vieworiginal a,
  54 .vieworiginal a:hover,
  55 .vieworiginal a:visited {
  56     color: #93a1a1;
  57 }
  58
  59 #main #content .entrie,
  60 #article header,
  61 #article article {
  62     border-bottom-color: #93a1a1;
  63 }
  64
  65 /* Emphasized content */
  66
  67 .entrie h2 a:hover,
  68 footer,
  69 footer a {
  70     color: #586e75;
  71 }
  72
  73 /* Colored content */
  74
  75 #main .messages.success,
  76 #main .messages.warning,
  77 #main .messages.error,
  78 #main .messages.information,
  79 #main .messages.info {
  80     background-color: #eee8d5;
  81 }
  82
  83 #main .messages.success {
  84     border-color: #859900;
  85 }
  86
  87 #main .messages.success p {
  88     color: #859900 !important; /* Overwrites !important used on messages.css */
  89 }
  90
  91 #main .messages.warning {
  92     border-color: #cb4b16;
  93 }
  94
  95 #main .messages.warning p {
  96     color: #cb4b16;
  97 }
  98
  99 #main .messages.error {
 100     border-color: #dc322f;
 101 }
 102
 103 #main .messages.error p {
 104     color: #dc322f !important; /* Overwrites !important used on messages.css */
 105 }
 106
 107 #main .messages.information,
 108 #main .messages.info {
 109     border-color: #268bd2;
 110 }
 111
 112 #main .messages.information p,
 113 #main .messages.info p {
 114     color: #268bd2;
 115 }
 116
 117 /* Miscellaneous */
 118
 119 .bouton,
 120 .bouton:hover,
 121 #main #links li a.current,
 122 #links a:hover,
 123 .pagination span.current,
 124 .pagination a:hover,
 125 .pagination a:active {
 126     color: #fdf6e3;
 127     background-color: #93a1a1;
 128 }
 129
 130 .bouton:hover {
 131     background-color: #657b83;
 132 }
 133
 134 #login,
 135 #password,
 136 #password_repeat,
 137 #bookmarklet,
 138 .top_link {
 139     background-color: #eee8d5;
 140 }
 141
 142 #login,
 143 #password,
 144 #password_repeat,
 145 #bookmarklet {
 146     padding: 5px;
 147     border: 1px solid #93a1a1;
 148     color: #657b83;
 149 }
 150
 151 #bookmarklet {
 152     border-style: dashed;
 153 }
 154
 155 .pagination a {
 156     border-color: #93a1a1;
 157     color: #93a1a1;
 158 }
 159
 160 .pagination span.current {
 161     border-color: #eee8d5;
 162 }
 163
 164 /* Images */
 165
 166 a.back span {
 167     background-image: url('../img/solarized/left.png');
 168 }
 169
 170 a.top span {
 171     background-image: url('../img/solarized/top.png');
 172 }
 173
 174 a.fav span,
 175 a.fav-off span:hover {
 176     background-image: url('../img/solarized/star-on.png');
 177 }
 178
 179 a.fav span:hover,
 180 a.fav-off span {
 181     background-image: url('../img/solarized/star-off.png');
 182 }
 183
 184 a.archive span,
 185 a.archive-off span:hover {
 186     background-image: url('../img/solarized/checkmark-on.png');
 187 }
 188
 189 a.archive span:hover,
 190 a.archive-off span {
 191     background-image: url('../img/solarized/checkmark-off.png');
 192 }
 193
 194 a.twitter span {
 195     background-image: url('../img/solarized/twitter.png');
 196 }
 197
 198 a.shaarli span {
 199     background-image: url('../img/solarized/shaarli.png');
 200 }
 201
 202 a.flattr span {
 203     background-image: url('../img/solarized/flattr.png');
 204 }
 205
 206 a.email span {
 207     background-image: url('../img/solarized/envelop.png');
 208 }
 209
 210 a.delete span {
 211     background-image: url('../img/solarized/remove.png');
 212 }
 213
 214 a.link span {
 215     background-image: url('../img/solarized/link.png');
 216 }
 217
 218 a.bad-display span {
 219     background-image: url('../img/solarized/bad-display.png');
 220 }
 221
 222 a.reload span {
 223     background-image: url('../../default/img/default/reload.png');
 224 }
 225 a.print span {
 226         background-image: url('../../default/img/default/print.png');
 227 }
 228 a.carrot span {
 229     background-image: url('../../_global/img/icons/carrot-icon--black.png');
 230     background-size: 16px 16px;
 231 }
 232
 233 a.evernote span {
 234     background-image: url('../../_global/img/icons/evernote-icon--black.svg');
 235     background-size: 16px 16px;
 236 }
 237
 238 a.diaspora span {
 239     background-image: url('../../_global/img/icons/diaspora-icon--black.png');
 240     background-size: 16px 16px;
 241 }
 242
 243 .arrow-down {
 244     width: 0px;
 245     height: 0px;
 246     border-style: solid;
 247     border-width: 10px 10px 0 10px;
 248     border-color: #93A1A1 transparent transparent transparent;
 249
 250     position: absolute;
 251     margin-top: 1.5em;
 252     margin-left: -30px;
 253 }