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