default.css

   1 /**
   2  * More polished style for ViewGit
   3  *
   4  * @author John Lawrence <mail@johnlawrence.net>
   5  */
   6 body {
   7         font-family: "Helvetica", Arial, sans-serif;
   8         color: black;
   9         background-color: white;
  10         margin: 0px;
  11         font-size: 80%;
  12 }
  13
  14 a {
  15         color: #c00;
  16 }
  17
  18 a.tree_link {
  19         padding-top: 16px;
  20         height: 0px;
  21         width: 22px;
  22         overflow: hidden;
  23         display: inline-block;
  24         background: url('images/silk/chart_organisation.png') no-repeat 50% 50%;
  25 }
  26
  27 a.tar_link {
  28         padding-top: 16px;
  29         height: 0px;
  30         width: 22px;
  31         overflow: hidden;
  32         display: inline-block;
  33         background: url('images/silk/page_white_compressed.png') no-repeat 50% 50%;
  34 }
  35
  36 a.zip_link{
  37         padding-top: 16px;
  38         height: 0px;
  39         width: 22px;
  40         overflow: hidden;
  41         display: inline-block;
  42         background: url('images/silk/page_white_zip.png') no-repeat 50% 50%;
  43 }
  44
  45 a.cdiff_link {
  46         padding-top: 16px;
  47         height: 0px;
  48         width: 22px;
  49         overflow: hidden;
  50         display: inline-block;
  51         background: url('images/silk/commit_diff.png') no-repeat 50% 50%;
  52 }
  53
  54 a.patch_link {
  55         padding-top: 16px;
  56         height: 0px;
  57         width: 22px;
  58         overflow: hidden;
  59         display: inline-block;
  60         background: url('images/silk/page_white_code_red.png') no-repeat 50% 50%;
  61 }
  62
  63 h1 {
  64         font-size: 130%;
  65 }
  66
  67 h1 a {
  68         text-decoration: none;
  69 }
  70
  71 table {
  72         width: 100%;
  73         border-collapse: collapse;
  74 }
  75
  76 table tr.even {
  77         background-color: #f8f8f8;
  78         border-bottom: 1px solid #eee;
  79         border-top: 1px solid #eee;
  80 }
  81
  82 table tr.odd td, table tr.even td {
  83         padding: 3px 2px;
  84 }
  85
  86 table tbody tr:hover {
  87         background-color: #e0ffe0;
  88 }
  89
  90 table th {
  91         background-color: #cfcfcf;
  92         text-align: left;
  93         border-bottom: 1px solid #666;
  94         border-top: 1px solid #666;
  95         padding: 6px 2px;
  96 }
  97
  98 .notices {
  99         padding-left: 1em;
 100         margin: 0;
 101 }
 102
 103 .notices p {
 104         margin: 0;
 105         padding: 0;
 106 }
 107
 108 .notices .error {
 109         background-color: #f77;
 110 }
 111
 112 .notices .info {
 113         background-color: #ff7;
 114 }
 115
 116 .notices .warning {
 117         background-color: #fc7;
 118 }
 119
 120 .nav {
 121         font-size: 1.4em;
 122         padding: 20px;
 123         margin: 0;
 124         background:#333 url('images/viewgit.png') no-repeat 98% 50%;
 125         border-bottom: 1px solid #000;
 126         color: #eee;
 127 }
 128
 129 .nav a {
 130         text-decoration: none;
 131         color: #4d4;
 132         font-size: 1.2em;
 133         font-weight: bold;
 134 }
 135
 136 div#page_body {
 137         margin: 10px 20px;
 138 }
 139
 140 .pagenav {
 141         margin-top: 0.3em;
 142         padding-top: 0.5em;
 143         padding-bottom: 0.5em;
 144         border-top: 1px solid #333;
 145         border-bottom: 1px solid #333;
 146 }
 147
 148 .pagenav a {
 149         text-decoration: none;
 150 }
 151
 152 .pagenav a:hover {
 153         text-decoration: underline;
 154 }
 155
 156 .pagenav .cur {
 157         font-weight: bold;
 158 }
 159
 160 .search {
 161         display: inline;
 162 }
 163
 164 .ad {
 165         margin-top: 20px;
 166         text-align: center;
 167         font-size: 80%;
 168 }
 169
 170 span.label {
 171         font-size: 80%;
 172         padding-left: 0.5em;
 173         padding-right: 0.5em;
 174         margin-left: 0.5em;
 175         font-weight: bold;
 176 }
 177
 178 span.head {
 179         background-color: #afa;
 180         border-right: 1px solid #090;
 181         border-bottom: 1px solid #090;
 182 }
 183
 184 span.remote {
 185         background-color: #faf;
 186         border-right: 1px solid #909;
 187         border-bottom: 1px solid #909;
 188 }
 189
 190 span.tag {
 191         background-color: #ffa;
 192         border-right: 1px solid #990;
 193         border-bottom: 1px solid #990;
 194 }
 195
 196 /* summary template */
 197
 198 table.shortlog th.date {
 199         width: 15%;
 200         white-space: pre;
 201 }
 202
 203 table.shortlog th.author {
 204         width: 15%;
 205 }
 206
 207 table.heads th.date {
 208         width: 15%;
 209 }
 210
 211 /* commitdiff template */
 212
 213 .commitmessage {
 214         border:1px solid #999;
 215         background:#ffe;
 216         padding: 0 0.5em;
 217         margin: 0.5em;
 218         font-size: 1.2em;
 219 }
 220
 221 div.diff {
 222         font-size: 1.2em;
 223 }
 224
 225 .diff .add {
 226         color: green;
 227 }
 228
 229 .diff .del {
 230         color: red;
 231 }
 232
 233 .diff .pos {
 234         color: purple;
 235 }
 236
 237 .diff .etc {
 238         color: #999;
 239 }
 240
 241 /* tree template */
 242 table.tree th.perm {
 243         width: 10%;
 244 }
 245
 246 table.tree th.dl {
 247         width: 10%;
 248 }
 249
 250 table.tree .dir a.item_name{
 251         padding-left: 20px;
 252         background: url('images/silk/folder.png') no-repeat 0 50%;
 253 }
 254
 255 table.tree .blob a.item_name{
 256         padding-left: 20px;
 257         background: url('images/silk/page_white_text.png') no-repeat 0 50%;
 258 }
 259
 260 /* viewblob template */
 261 .file {
 262         border:1px solid #999;
 263         background:#ffe;
 264         padding: 0 0.5em;
 265         margin: 0.5em;
 266         font-size: 1.2em;
 267 }
 268