root/static/css/site.css

   1 /*
   2 14d2f2ca3732551d1585e7590e60b82492f3
   3 ^^ A rather nice chroma hash
   4 */
   5 body {
   6   /* From http://jasonsantamaria.com/ via http://www.inspirationbit.com/striking-web-sites-with-font-stacks-that-inspire/ */
   7   font-family: "Lucida Sans Unicode","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;
   8 }
   9 #the-container {
  10 }
  11
  12 a {
  13   color: mediumblue;
  14 }
  15
  16 thead, tfoot {
  17   /* FTR all table columns should be sortable hence the colour to indicate clickableness.
  18   color: mediumblue; XXX uncomment this when sorting is implemented*/
  19   color: slategray;
  20   font-size: small;
  21   font-weight: bold !important;
  22 }
  23 thead th {
  24   border-bottom: solid 1px lightsteelblue;
  25 }
  26 tfoot td {
  27   border-top: solid 1px lightsteelblue
  28 }
  29
  30 .listing tbody tr:nth-child(even) {
  31   background-color: whitesmoke;
  32 }
  33 .listing tbody tr:hover {
  34   background-color: #fefeaa;
  35 }
  36
  37 .chroma-hash {
  38   font-family: monospace;
  39   font-size:   1em;
  40   font-style: normal;
  41 }
  42 .actions span.chroma-hash {
  43   float: right;
  44 }
  45
  46 .time-since {
  47   font-style: italic;
  48 }
  49 .author, .head {
  50   font-weight: bold;
  51   /* From http://designr.it/ via http://www.inspirationbit.com/striking-web-sites-with-font-stacks-that-inspire/ */
  52   font-family: Baskerville,Georgia,Cambria,Times,Times New Roman,serif;
  53 }
  54
  55 .file-name, .file-mode {
  56   font-family: monospace;
  57 }
  58 .action-list {
  59   font-size: smaller;
  60 }
  61
  62 .path {
  63   border-bottom: solid 1px #ddd;
  64   padding: 3px 0;
  65   font-weight: bold;
  66 }
  67
  68
  69 /* header */
  70 #page-header {
  71   height: 25px;
  72   font-size: 1.5em;
  73   font-weight: bold;
  74   border-bottom: solid 3px limegreen;
  75   text-align: justify;
  76   padding: 8px 0;
  77 }
  78
  79 img.logo {
  80   border-width: 0px;
  81   margin-top: 6px;
  82   float: right;
  83   padding-left: 15px;
  84 }
  85
  86 /* footer */
  87 #page-footer {
  88   height: 20px;
  89   margin-top: 10px;
  90   font-style: italic;
  91   border-top: solid 3px crimson;
  92 }
  93
  94 /* actions include */
  95 .actions {
  96   font-style: italic;
  97   border-bottom: solid 1px limegreen;
  98   height: 25px;
  99 }
 100
 101 /* pager include */
 102 .pager {
 103   text-align: center;
 104 }
 105
 106 /* search include */
 107 #page-search {
 108   text-align: right;
 109   font-size: 0.7em;
 110 }
 111
 112 /* shortlog include */
 113 table.shortlog tbody tr {
 114   padding: 1px 0px;
 115 }
 116 table.shortlog tbody td {
 117   padding: 0 1px;
 118 }
 119
 120 /* /commit page */
 121 .commit-message {
 122   font-family: monospace;
 123   font-size: 1.2em;
 124 }
 125 div.commit-message {
 126   margin-bottom: 10px;
 127 }
 128 pre.commit-message {
 129   border-top:  solid 2px red;
 130   border-bottom:  solid 2px green;
 131   padding: 5px;
 132 }
 133 .commit-info dt {
 134   font-weight: bold;
 135 }
 136 .commit-info dd {
 137   font-family: monospace;
 138 }
 139
 140 /* /heads */
 141 .heads .head {
 142   font-weight: bold;
 143 }
 144 .heads .current {
 145   text-decoration: underline;
 146 }
 147 table.heads {
 148   width: 75%;
 149 }
 150
 151 /* /blame */
 152 #blame pre, #blame tt {
 153   margin: 0;
 154   font-size: 0.9em;
 155 }
 156 #blame .commit-info {
 157 }
 158 #blame .lineno {
 159   text-align: right;
 160   padding: 0 8px;
 161 }
 162 #blame a {
 163   text-decoration: none;
 164 }
 165 #blame {
 166     overflow-x: scroll;
 167 }
 168 #blame tr.alt {
 169   background-color: #f7f7f7;
 170 }
 171 #blame tbody tr:hover {
 172   background-color: #fefeaa;
 173 }
 174 #blame td {
 175   padding: 0 0.2em;
 176 }
 177 #blame td.lineno {
 178   background-color: #eee;
 179 }
 180 #blame td.date, #blame td.author, #blame td.commit-info {
 181 }
 182 #blame tbody td.data {
 183   padding-left: 5px;
 184   background-color: #333;
 185   color: #ddd;
 186 }
 187
 188 /* /blob */
 189 pre.blob {
 190   background-color: #333;
 191   color: #ddd;
 192   border-left: solid 3px #c33;
 193   padding: 5px;
 194   padding-left: 15px;
 195   margin: 10px 15px;
 196 }
 197
 198 /* /blobdiff etc */
 199
 200 .diff-head, .diff-index {
 201   font-family: monospace;
 202 }
 203 .diff-head {
 204   border-top: solid 1px red;
 205 }
 206 .diff-index {
 207   border-bottom: solid 1px green;
 208 }
 209
 210 /* /commitdiff */
 211 .diff-patch {
 212   font-size: 0.8em;
 213 }
 214
 215 /* /log */
 216 #log .entry {
 217   border: solid 1px grey;
 218   margin: 5px 0;
 219   padding: 5px;
 220 }
 221 #log .meta {
 222   border-top: dotted 1px #ddd;
 223   color: #311;
 224 }
 225 #log table.summary {
 226   width: 33%;
 227   font-size: 0.9em;
 228 }
 229 #log .message {
 230   font-family: monospace;
 231   font-size: 1.15em;
 232   /* XXX Need to enforce find the CSS switch to force the chroma-hash below the message box */
 233 }
 234 #log .age {
 235   float: right;
 236   font-size: 0.85em;
 237   font-style: italic;
 238 }
 239
 240 /* /summary */
 241 #stats {
 242   float: right;
 243 }
 244
 245 /* /tree */
 246 table.tree {
 247   width: 65%;
 248 }
 249
 250 /* Formerly of gitweb.css */
 251
 252 span.refs span {
 253   padding: 0px 4px;
 254   font-size: 80%;
 255   /* XXX needs more families */
 256   font-family: Verdana;
 257   letter-spacing: -1px;
 258   border: 1px solid;
 259   background-color: #ffaaff;
 260   border-color: #ffccff #ff00ee #ff00ee #ffccff;
 261 }
 262
 263 span.refs span.ref {
 264   background-color: #aaaaff;
 265   border-color: #ccccff #0033cc #0033cc #ccccff;
 266 }
 267
 268 span.refs span.tag {
 269   background-color: #ffffaa;
 270   border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
 271 }
 272
 273 span.refs span.head {
 274   background-color: #aaffaa;
 275   border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
 276 }
 277 span.refs a {
 278   text-decoration: none;
 279 }
 280
 281 a.rss_logo {
 282   float: right;
 283   padding: 3px 0px;
 284   width: 35px;
 285   line-height: 10px;
 286   border: 1px solid;
 287   border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
 288   color: #ffffff;
 289   background-color: #ff6600;
 290   font-weight: bold;
 291   font-family: sans-serif;
 292   font-size: 70%;
 293   font-style: normal;
 294   text-align: center;
 295   text-decoration: none;
 296   margin: 3px 0;
 297 }
 298
 299 a.rss_logo:hover {
 300   background-color: #ee5500;
 301 }