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