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 /*
 425
 426 puts the repo description on one line which gets truncated if the repo name is too long
 427 BUT the final width needs to be set with javascript based on the parent element (td) width
 428
 429 .description{
 430         white-space:nowrap;
 431         overflow:hidden;
 432 }
 433 .description div{
 434         position:absolute;
 435         white-space:nowrap;
 436         overflow:hidden;
 437         width:200px;
 438 }
 439 */
 440
 441 .action-list{
 442         width:120px;
 443 }
 444
 445 .diff-tree{
 446         background-color:#f0f0f0;
 447 }
 448 .diff-tree th{
 449         background-color:#666;
 450 }
 451 .diff-tree tr{
 452         border-bottom:1px solid #fff;
 453 }
 454 .diff-tree td{
 455         padding:6px 5px 4px 10px;
 456 }
 457 .differences{
 458         margin-top:0;
 459         padding:0px 15px;
 460 }
 461 .differences pre{
 462         line-height:140%;
 463         font-size:12px;
 464         overflow:auto;
 465         margin:0;
 466         padding:10px;
 467         border:1px solid #ddd;
 468         background-color:#f0f0f0;
 469         min-height:40px;
 470 }
 471 .diff-head{
 472         background-color:#666;
 473         color:#fff;
 474         margin:10px 0 0 0 !important;
 475         border:1px solid #ddd;
 476         border-bottom:none;
 477         font-family: monospace;
 478         padding:10px;
 479         font-size:13px;
 480 }
 481 .diff-index {
 482         margin:0 0 30px 0;
 483         border:1px solid #ddd;
 484         border-top:none;
 485         background-color:#ccc;
 486         padding:5px 10px;
 487 }
 488
 489
 490 /* /blame */
 491 #blame pre, #blame tt {
 492   margin: 0;
 493   font-size: 12px;
 494 }
 495 #blame .commit-info {
 496
 497 }
 498 #blame .lineno {
 499   text-align: right;
 500   padding: 0 8px;
 501 }
 502 #blame a {
 503  text-decoration: none;
 504 }
 505 #blame {
 506     overflow-x: scroll;
 507 }
 508 #blame tr.alt {
 509   background-color: #f7f7f7;
 510 }
 511 #blame tbody tr:hover {
 512   background-color: #fefeaa;
 513 }
 514 #blame td {
 515         vertical-align:middle;
 516         padding: 3px;
 517 }
 518 #blame td.lineno {
 519   background-color: #eee;
 520 }
 521 #blame td.date, #blame td.author, #blame td.commit-info {
 522 }
 523 #blame tbody td.data {
 524   padding-left: 5px;
 525   background-color: #333;
 526   color: #ddd;
 527 }
 528
 529 /* /blob */
 530 pre.blob {
 531   background-color: #333;
 532   color: #ddd;
 533   border-left: solid 3px #c33;
 534   padding: 5px;
 535   padding-left: 15px;
 536   margin: 20px 15px 20px;
 537   overflow:auto;
 538   font-size:12px;
 539 }
 540 div.blob {
 541     text-align: center;
 542     margin: 30px;
 543 }
 544
 545 /* /blobdiff etc */
 546
 547 .commit-message {
 548   white-space: pre-wrap;
 549   width: 420px;
 550 }
 551 p.commit-message {
 552   margin: 0;
 553 }
 554
 555 /* Hidden spans that contain bits of data to be used by JS */
 556 .js-data {
 557     display: none;
 558 }