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