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 h2 {
  72         font-size: 115%;
  73 }
  74
  75 table {
  76         width: 100%;
  77         border-collapse: collapse;
  78 }
  79
  80 table tr.even {
  81         background-color: #f8f8f8;
  82         border-bottom: 1px solid #eee;
  83         border-top: 1px solid #eee;
  84 }
  85
  86 table tr.odd td, table tr.even td {
  87         padding: 3px 2px;
  88 }
  89
  90 table tbody tr:hover {
  91         background-color: #e0ffe0;
  92 }
  93
  94 table th {
  95         background-color: #cfcfcf;
  96         text-align: left;
  97         border-bottom: 1px solid #666;
  98         border-top: 1px solid #666;
  99         padding: 6px 2px;
 100 }
 101
 102 .notices {
 103         padding-left: 1em;
 104         margin: 0;
 105 }
 106
 107 .notices p {
 108         margin: 0;
 109         padding: 0;
 110 }
 111
 112 .notices .error {
 113         background-color: #f77;
 114 }
 115
 116 .notices .info {
 117         background-color: #ff7;
 118 }
 119
 120 .notices .warning {
 121         background-color: #fc7;
 122 }
 123
 124 .nav {
 125         font-size: 1.4em;
 126         padding: 20px;
 127         margin: 0;
 128         background:#333 url('images/viewgit.png') no-repeat 98% 50%;
 129         border-bottom: 1px solid #000;
 130         color: #eee;
 131 }
 132
 133 .nav a {
 134         text-decoration: none;
 135         color: #4d4;
 136         font-size: 1.2em;
 137         font-weight: bold;
 138 }
 139
 140 div#page_body {
 141         margin: 10px 20px;
 142 }
 143
 144 .pagenav {
 145         margin-top: 0.3em;
 146         padding-top: 0.5em;
 147         padding-bottom: 0.5em;
 148         border-top: 1px solid #333;
 149         border-bottom: 1px solid #333;
 150 }
 151
 152 .pagenav a {
 153         text-decoration: none;
 154 }
 155
 156 .pagenav a:hover {
 157         text-decoration: underline;
 158 }
 159
 160 .pagenav .cur {
 161         font-weight: bold;
 162 }
 163
 164 .search {
 165         display: inline;
 166 }
 167
 168 .ad {
 169         margin-top: 20px;
 170         text-align: center;
 171         font-size: 80%;
 172 }
 173
 174 span.label {
 175         font-size: 80%;
 176         padding-left: 0.5em;
 177         padding-right: 0.5em;
 178         margin-left: 0.5em;
 179         font-weight: bold;
 180 }
 181
 182 span.head {
 183         background-color: #afa;
 184         border-right: 1px solid #090;
 185         border-bottom: 1px solid #090;
 186 }
 187
 188 span.remote {
 189         background-color: #faf;
 190         border-right: 1px solid #909;
 191         border-bottom: 1px solid #909;
 192 }
 193
 194 span.tag {
 195         background-color: #ffa;
 196         border-right: 1px solid #990;
 197         border-bottom: 1px solid #990;
 198 }
 199
 200 /* summary template */
 201
 202 table.shortlog th.date {
 203         width: 15%;
 204         white-space: pre;
 205 }
 206
 207 table.shortlog th.author {
 208         width: 15%;
 209 }
 210
 211 table.heads th.date {
 212         width: 15%;
 213 }
 214
 215 /* commitdiff template */
 216
 217 .commitmessage {
 218         border:1px solid #999;
 219         background:#ffe;
 220         padding: 0 0.5em;
 221         margin: 0.5em;
 222         font-size: 1.2em;
 223 }
 224
 225 div.diff {
 226         font-size: 1.2em;
 227 }
 228
 229 .diff .add {
 230         color: green;
 231 }
 232
 233 .diff .del {
 234         color: red;
 235 }
 236
 237 .diff .pos {
 238         color: purple;
 239 }
 240
 241 .diff .etc {
 242         color: #999;
 243 }
 244
 245 /* tree template */
 246 table.tree th.perm {
 247         width: 10%;
 248 }
 249
 250 table.tree th.dl {
 251         width: 10%;
 252 }
 253
 254 table.tree .dir a.item_name{
 255         padding-left: 20px;
 256         background: url('images/silk/folder.png') no-repeat 0 50%;
 257 }
 258
 259 table.tree .blob a.item_name{
 260         padding-left: 20px;
 261         background: url('images/silk/page_white_text.png') no-repeat 0 50%;
 262 }
 263
 264 /* viewblob template */
 265 .file {
 266         border:1px solid #999;
 267         background:#ddd;
 268         padding: 0 0.5em;
 269         margin: 0.5em;
 270         font-size: 1.2em;
 271 }
 272