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