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