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