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         padding-bottom:1px;
 277         background:transparent url([% c.uri_for('/static/i/icons/file.png') %]) no-repeat;
 278 }
 279 a.folder{
 280         padding-left:25px;
 281         padding-bottom:1px;
 282         background:transparent url([% c.uri_for('/static/i/icons/folder.png') %]) no-repeat;
 283 }
 284 .msg{
 285         padding:5px 10px 5px 35px;
 286         background:#f0f0f0 url([% c.uri_for('/static/i/icons/attention.png') %]) no-repeat 10px center;
 287         border:1px solid #ddd;
 288         margin:30px 15px;
 289 }
 290 .match{
 291         background-color:#ffff00;
 292 }
 293 a.rss_logo {
 294   float: right;
 295   padding: 3px 0px;
 296   width: 35px;
 297   line-height: 10px;
 298   border: 1px solid;
 299   border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
 300   color: #ffffff;
 301   background-color: #ff6600;
 302   font-weight: bold;
 303   font-family: sans-serif;
 304   font-size: 70%;
 305   font-style: normal;
 306   text-align: center;
 307   text-decoration: none;
 308   margin: 3px;
 309 }
 310
 311 a.rss_logo:hover {
 312   background-color: #ee5500;
 313 }
 314
 315
 316 .button_submit{
 317         text-indent:-999999px;
 318         overflow:hidden;
 319         width:95px;
 320         height:26px;
 321         border:0;
 322         background:transparent url([% c.uri_for('/static/i/buttons/search.png') %]) no-repeat;
 323         cursor: pointer;
 324 }
 325
 326
 327 /* paging */
 328 .pager{
 329         width:100%;
 330         float:left;
 331         margin:10px 0;
 332         padding:0;
 333 }
 334 .pager li{
 335         margin:0;
 336         padding:0;
 337         display:block;
 338         list-style:none;
 339 }
 340 .pager li a{
 341         display:block;
 342         padding:4px 6px;
 343         color:#fff;
 344         border:1px solid #ddd;
 345         background-color:#333;
 346 }
 347 .pager .pager_prev a{
 348         margin-left:20px;
 349         float:left;
 350 }
 351 .pager .pager_next a{
 352         margin-right:20px;
 353         float:right;
 354 }
 355
 356
 357
 358
 359 /* table listings */
 360 th{
 361         padding:9px 5px 9px 10px;
 362         text-align:left;
 363         color:#fff;
 364 }
 365 th a{
 366         color:#fff;
 367 }
 368 th a:hover{
 369         color:#f0f0f0;
 370 }
 371 .summary tr{
 372         background-color:#FAFAFA;
 373         border-bottom:1px solid #fff;
 374 }
 375 .summary td{
 376         vertical-align:middle !important;
 377 }
 378 tr{
 379         background-color:#fff;
 380 }
 381 thead tr{
 382         background-color:transparent !important;
 383 }
 384 tr.invert{
 385         background-color:#f0f0f0;
 386 }
 387 tr.header{
 388         background-color:#666;
 389 }
 390 .sha1{
 391         width:80px;
 392 }
 393 .file-mode{
 394         width:80px;
 395 }
 396 .time-since{
 397         width:95px;
 398         font-weight:bold;
 399 }
 400 .author{
 401         width:180px;
 402 }
 403 .author img{
 404         margin-right:5px;
 405         vertical-align:middle;
 406 }
 407 table.listing{
 408         width:970px;
 409         border-collapse:collapse;
 410 }
 411 .listing td{
 412         vertical-align:top;
 413         padding:9px 5px 9px 10px;
 414 }
 415
 416 /*
 417
 418 puts the repo description on one line which gets truncated if the repo name is too long
 419 BUT the final width needs to be set with javascript based on the parent element (td) width
 420
 421 .description{
 422         white-space:nowrap;
 423         overflow:hidden;
 424 }
 425 .description div{
 426         position:absolute;
 427         white-space:nowrap;
 428         overflow:hidden;
 429         width:200px;
 430 }
 431 */
 432
 433 .action-list{
 434         width:120px;
 435 }
 436
 437 .diff-tree{
 438         background-color:#f0f0f0;
 439 }
 440 .diff-tree th{
 441         background-color:#666;
 442 }
 443 .diff-tree tr{
 444         border-bottom:1px solid #fff;
 445 }
 446 .diff-tree td{
 447         padding:6px 5px 4px 10px;
 448 }
 449 .differences{
 450         margin-top:0;
 451         padding:0px 15px;
 452 }
 453 .differences pre{
 454         line-height:140%;
 455         font-size:12px;
 456         overflow:auto;
 457         margin:0;
 458         padding:10px;
 459         border:1px solid #ddd;
 460         background-color:#f0f0f0;
 461         min-height:40px;
 462 }
 463 .diff-head{
 464         background-color:#666;
 465         color:#fff;
 466         margin:10px 0 0 0 !important;
 467         border:1px solid #ddd;
 468         border-bottom:none;
 469         font-family: monospace;
 470         padding:10px;
 471         font-size:13px;
 472 }
 473 .diff-index {
 474         margin:0 0 30px 0;
 475         border:1px solid #ddd;
 476         border-top:none;
 477         background-color:#ccc;
 478         padding:5px 10px;
 479 }
 480
 481
 482 /* /blame */
 483 #blame pre, #blame tt {
 484   margin: 0;
 485   font-size: 12px;
 486 }
 487 #blame .commit-info {
 488
 489 }
 490 #blame .lineno {
 491   text-align: right;
 492   padding: 0 8px;
 493 }
 494 #blame a {
 495  text-decoration: none;
 496 }
 497 #blame {
 498     overflow-x: scroll;
 499 }
 500 #blame tr.alt {
 501   background-color: #f7f7f7;
 502 }
 503 #blame tbody tr:hover {
 504   background-color: #fefeaa;
 505 }
 506 #blame td {
 507         vertical-align:middle;
 508         padding: 3px;
 509 }
 510 #blame td.lineno {
 511   background-color: #eee;
 512 }
 513 #blame td.date, #blame td.author, #blame td.commit-info {
 514 }
 515 #blame tbody td.data {
 516   padding-left: 5px;
 517   background-color: #333;
 518   color: #ddd;
 519 }
 520
 521 /* /blob */
 522 pre.blob {
 523   background-color: #333;
 524   color: #ddd;
 525   border-left: solid 3px #c33;
 526   padding: 5px;
 527   padding-left: 15px;
 528   margin: 20px 15px 20px;
 529   overflow:auto;
 530   font-size:12px;
 531 }
 532 div.blob {
 533     text-align: center;
 534     margin: 30px;
 535 }
 536
 537 /* /blobdiff etc */
 538
 539 /* Hidden spans that contain bits of data to be used by JS */
 540 .js-data {
 541     display: none;
 542 }