root/static/css/core.css

   1 #debug_holder{
   2
   3         display:none;
   4
   5         clear:both;
   6         padding-top:30px;
   7         margin:30px 0;
   8 }
   9
  10 #debug_holder pre{
  11         margin:0;
  12         padding:10px;
  13         border:1px solid #ddd;
  14         background-color:#f0f0f0;
  15 }
  16
  17
  18 body{
  19         background:#FAFAFA url(/static/i/bg.png) repeat-x left top;
  20         padding:0;
  21         margin:0;
  22         font-family:Arial, Verdana, sans-serif;
  23         font-size:80%;
  24 }
  25 a img{
  26         border:0;
  27 }
  28
  29
  30 /* structure */
  31 .sub_holder{
  32         width:970px;
  33         margin:0 auto;
  34         text-align:left;
  35 }
  36
  37 #header_holder{
  38         margin-top:20px;
  39 }
  40 #header{
  41         height:60px;
  42 }
  43
  44 #content_holder{
  45         background:transparent url([% c.uri_for('/static/i/bg_content.png') %]) repeat-y center center;
  46 }
  47 #content{
  48         min-height:200px;
  49         padding:0 12px 40px 10px;
  50         background:transparent url([% c.uri_for('/static/i/bg_bottom.png') %]) no-repeat center bottom;
  51 }
  52 #content_inner{
  53         padding-bottom:30px;
  54         background:transparent url([% c.uri_for('/static/i/bg_top.png') %]) no-repeat;
  55 }
  56 #logo{
  57         margin-left:-10px;
  58         float:left;
  59 }
  60 #header .search{
  61         margin-right:10px;
  62         float:right;
  63 }
  64 #git_logo{
  65         float:left;
  66         margin-left:15px;
  67 }
  68 #feeds{
  69         float:right;
  70         margin-right:15px;
  71 }
  72 #footer_holder{
  73         margin-bottom:100px;
  74 }
  75 #footer p{
  76         margin-left:15px;
  77 }
  78
  79
  80 /* nav tabs */
  81 #nav_logs{
  82         width:100%;
  83         clear:both;
  84         float:right;
  85         margin:-5px 10px 0 0;
  86 }
  87 #nav_logs ul{
  88         margin:0;
  89         padding:0;
  90 }
  91 #nav_logs li{
  92         display:block;
  93         float:right;
  94         list-style:none;
  95         margin:0;
  96         padding:0;
  97 }
  98 #nav_logs li a{
  99         display:block;
 100         margin-left:20px;
 101         padding:10px 15px 10px 48px;
 102         color:#ffffff;
 103         font-size:1.4em;
 104         text-transform:uppercase;
 105         text-decoration:none;
 106 }
 107 a#log_short{
 108         background:#666 url([% c.uri_for('/static/i/icons/shortlog.gif') %]) no-repeat 15px center;
 109 }
 110 a#log_full{
 111         background:#666 url([% c.uri_for('/static/i/icons/fulllog.gif') %]) no-repeat 15px center;
 112 }
 113 a#tree{
 114         background:#666 url([% c.uri_for('/static/i/icons/tree.gif') %]) no-repeat 15px center;
 115 }
 116 #nav_logs li a:hover{
 117         text-decoration:underline;
 118         background-color:#DC143C;
 119 }
 120 #nav_logs li.selected a{
 121         background-color:#333;
 122 }
 123 #nav_logs #branch_selector{
 124         padding:10px 15px 10px 48px;
 125         font-size:1.3em;
 126         font-weight:bold;
 127         color:#666;
 128 }
 129
 130
 131
 132
 133
 134 /* formating */
 135 h1{
 136         margin:0;
 137         padding:20px 0;
 138         clear:both;
 139         font-weight:normal;
 140         font-size:1.85em;
 141         color:#fff;
 142 }
 143 h1 a{
 144         margin-right:10px;
 145         color:#fff;
 146 }
 147 h1 a:hover{
 148         color:#EAF2F5;
 149 }
 150 h2{
 151         font-size:1.85em;
 152         font-weight:normal;
 153         color:#666;
 154         margin:30px 15px 20px;
 155 }
 156 h2 span{
 157         color:#ccc;
 158 }
 159 h3{
 160         margin:0;
 161         color:#fff;
 162         padding:9px 5px 9px 10px;
 163         font-size:1em;
 164 }
 165 h3 a{
 166         color:#ffffff;
 167 }
 168 h4 a{
 169         color:#ffffff;
 170 }
 171 h4 a:hover{
 172         color:#EAF2F5;
 173 }
 174 p,
 175 td,
 176 a{
 177         color:#666;
 178 }
 179 a:hover{
 180         color:#DC143C;
 181 }
 182
 183
 184 .button{
 185         display:block;
 186         float:left;
 187         vertical-align:middle;
 188         margin-right:8px;
 189         text-indent:-999999px;
 190         width:21px;
 191         height:21px;
 192         outline:none;
 193 }
 194 a.commit{
 195         background:transparent url([% c.uri_for('/static/i/icons/commit.png') %]) no-repeat;
 196 }
 197 a.diff{
 198         background:transparent url([% c.uri_for('/static/i/icons/diff.png') %]) no-repeat;
 199 }
 200 a.diffcurrent{
 201         background:transparent url([% c.uri_for('/static/i/icons/diffcurrent.png') %]) no-repeat;
 202 }
 203 a.tree{
 204         background:transparent url([% c.uri_for('/static/i/icons/tree.png') %]) no-repeat;
 205 }
 206 a.shortlog{
 207         background:transparent url([% c.uri_for('/static/i/icons/shortlog.png') %]) no-repeat;
 208 }
 209 a.longlog{
 210         background:transparent url([% c.uri_for('/static/i/icons/longlog.png') %]) no-repeat;
 211 }
 212 a.blob{
 213         background:transparent url([% c.uri_for('/static/i/icons/blob.png') %]) no-repeat;
 214 }
 215 a.blame{
 216         background:transparent url([% c.uri_for('/static/i/icons/blame.png') %]) no-repeat;
 217 }
 218 a.history{
 219         background:transparent url([% c.uri_for('/static/i/icons/history.png') %]) no-repeat;
 220 }
 221 a.raw{
 222         background:transparent url([% c.uri_for('/static/i/icons/raw.png') %]) no-repeat;
 223 }
 224 .sha1_holder{
 225         background:transparent url([% c.uri_for('/static/i/icons/button_sha1.png') %]) no-repeat;
 226 }
 227 .sha1_holder_invert{
 228         background:transparent url([% c.uri_for('/static/i/icons/button_sha1_invert.png') %]) no-repeat;
 229 }
 230 .sha1_label{
 231         padding-top:2px;
 232         float:left;
 233 }
 234 .msg{
 235         padding:5px 10px 5px 35px;
 236         background:#f0f0f0 url([% c.uri_for('/static/i/icons/attention.png') %]) no-repeat 10px center;
 237         border:1px solid #ddd;
 238         margin:30px 15px;
 239 }
 240
 241 a.rss_logo {
 242   float: right;
 243   padding: 3px 0px;
 244   width: 35px;
 245   line-height: 10px;
 246   border: 1px solid;
 247   border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
 248   color: #ffffff;
 249   background-color: #ff6600;
 250   font-weight: bold;
 251   font-family: sans-serif;
 252   font-size: 70%;
 253   font-style: normal;
 254   text-align: center;
 255   text-decoration: none;
 256   margin: 3px;
 257 }
 258
 259 a.rss_logo:hover {
 260   background-color: #ee5500;
 261 }
 262
 263
 264
 265 /* paging */
 266 .pager{
 267         width:100%;
 268         float:left;
 269         margin:10px 0;
 270         padding:0;
 271 }
 272 .pager li{
 273         margin:0;
 274         padding:0;
 275         display:block;
 276         list-style:none;
 277 }
 278 .pager li a{
 279         display:block;
 280         padding:4px 6px;
 281         color:#fff;
 282         border:1px solid #ddd;
 283         background-color:#333;
 284 }
 285 .pager .pager_prev a{
 286         margin-left:20px;
 287         float:left;
 288 }
 289 .pager .pager_next a{
 290         margin-right:20px;
 291         float:right;
 292 }
 293
 294
 295
 296
 297 /* table listings */
 298 th{
 299         padding:9px 5px 9px 10px;
 300         text-align:left;
 301         color:#fff;
 302 }
 303 th a{
 304         color:#fff;
 305 }
 306 th a:hover{
 307         color:#f0f0f0;
 308 }
 309 .summary tr{
 310         background-color:#FAFAFA;
 311         border-bottom:1px solid #fff;
 312 }
 313 .summary td{
 314         vertical-align:middle !important;
 315 }
 316 tr{
 317         background-color:#fff;
 318 }
 319 thead tr{
 320         background-color:transparent !important;
 321 }
 322 tr.invert{
 323         background-color:#f0f0f0;
 324 }
 325 tr.header{
 326         background-color:#666;
 327 }
 328 .sha1{
 329         width:80px;
 330 }
 331 .file-mode{
 332         width:80px;
 333 }
 334 .time-since{
 335         width:95px;
 336         font-weight:bold;
 337 }
 338 .author{
 339         width:180px;
 340 }
 341 .author img{
 342         margin-right:5px;
 343         vertical-align:middle;
 344 }
 345 table.listing{
 346         width:970px;
 347         border-collapse:collapse;
 348 }
 349 .listing td{
 350         vertical-align:top;
 351         padding:9px 5px 9px 10px;
 352 }
 353
 354 /*
 355
 356 puts the repo description on one line which gets truncated if the repo name is too long
 357 BUT the final width needs to be set with javascript based on the parent element (td) width
 358
 359 .description{
 360         white-space:nowrap;
 361         overflow:hidden;
 362 }
 363 .description div{
 364         position:absolute;
 365         white-space:nowrap;
 366         overflow:hidden;
 367         width:200px;
 368 }
 369 */
 370
 371 .action-list{
 372         width:120px;
 373 }
 374
 375 .diff-tree{
 376         background-color:#f0f0f0;
 377 }
 378 .diff-tree th{
 379         background-color:#666;
 380 }
 381 .diff-tree tr{
 382         border-bottom:1px solid #fff;
 383 }
 384 .diff-tree td{
 385         padding:6px 5px 4px 10px;
 386 }
 387 .differences{
 388         margin-top:0;
 389         padding:0px 15px;
 390 }
 391 .differences pre{
 392         line-height:140%;
 393         font-size:12px;
 394         overflow:auto;
 395         margin:0;
 396         padding:10px;
 397         border:1px solid #ddd;
 398         background-color:#f0f0f0;
 399         min-height:40px;
 400 }
 401 .diff-head{
 402         background-color:#666;
 403         color:#fff;
 404         margin:10px 0 0 0 !important;
 405         border:1px solid #ddd;
 406         border-bottom:none;
 407         font-family: monospace;
 408         padding:10px;
 409         font-size:13px;
 410 }
 411 .diff-index {
 412         margin:0 0 30px 0;
 413         border:1px solid #ddd;
 414         border-top:none;
 415         background-color:#ccc;
 416         padding:5px 10px;
 417 }
 418
 419
 420 /* /blame */
 421 #blame pre, #blame tt {
 422   margin: 0;
 423   font-size: 12px;
 424 }
 425 #blame .commit-info {
 426
 427 }
 428 #blame .lineno {
 429   text-align: right;
 430   padding: 0 8px;
 431 }
 432 #blame a {
 433  atext-decoration: none;
 434 }
 435 #blame {
 436     overflow-x: scroll;
 437 }
 438 #blame tr.alt {
 439   background-color: #f7f7f7;
 440 }
 441 #blame tbody tr:hover {
 442   background-color: #fefeaa;
 443 }
 444 #blame td {
 445         vertical-align:middle;
 446         padding: 3px;
 447 }
 448 #blame td.lineno {
 449   background-color: #eee;
 450 }
 451 #blame td.date, #blame td.author, #blame td.commit-info {
 452 }
 453 #blame tbody td.data {
 454   padding-left: 5px;
 455   background-color: #333;
 456   color: #ddd;
 457 }
 458
 459 /* /blob */
 460 pre.blob {
 461   background-color: #333;
 462   color: #ddd;
 463   border-left: solid 3px #c33;
 464   padding: 5px;
 465   padding-left: 15px;
 466   margin: 20px 15px 20px;
 467   overflow:auto;
 468   font-size:12px;
 469 }
 470
 471 /* /blobdiff etc */
 472