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:80%;
  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
 184 .button{
 185         display:block;
 186         float:left;
 187         vertical-align:middle;
 188         margin-right:8px;
 189         text-indent:-999999px;
 190         width:21px;
 191         height:21px;
 192         outline:none;
 193 }
 194 a.commit{
 195         background:transparent url([% c.uri_for('/static/i/icons/commit.png') %]) no-repeat;
 196 }
 197 a.diff{
 198         background:transparent url([% c.uri_for('/static/i/icons/diff.png') %]) no-repeat;
 199 }
 200 a.diffcurrent{
 201         background:transparent url([% c.uri_for('/static/i/icons/diffcurrent.png') %]) no-repeat;
 202 }
 203 a.tree{
 204         background:transparent url([% c.uri_for('/static/i/icons/tree.png') %]) no-repeat;
 205 }
 206 a.shortlog{
 207         background:transparent url([% c.uri_for('/static/i/icons/shortlog.png') %]) no-repeat;
 208 }
 209 a.longlog{
 210         background:transparent url([% c.uri_for('/static/i/icons/longlog.png') %]) no-repeat;
 211 }
 212 a.blob{
 213         background:transparent url([% c.uri_for('/static/i/icons/blob.png') %]) no-repeat;
 214 }
 215 a.blame{
 216         background:transparent url([% c.uri_for('/static/i/icons/blame.png') %]) no-repeat;
 217 }
 218 a.history{
 219         background:transparent url([% c.uri_for('/static/i/icons/history.png') %]) no-repeat;
 220 }
 221 a.raw{
 222         background:transparent url([% c.uri_for('/static/i/icons/raw.png') %]) no-repeat;
 223 }
 224 .sha1_holder{
 225         background:transparent url([% c.uri_for('/static/i/icons/button_sha1.png') %]) no-repeat;
 226 }
 227 .sha1_holder_invert{
 228         background:transparent url([% c.uri_for('/static/i/icons/button_sha1_invert.png') %]) no-repeat;
 229 }
 230 .sha1_label{
 231         padding-top:2px;
 232         float:left;
 233 }
 234 .msg{
 235         padding:5px 10px 5px 35px;
 236         background:#f0f0f0 url([% c.uri_for('/static/i/icons/attention.png') %]) no-repeat 10px center;
 237         border:1px solid #ddd;
 238         margin:30px 15px;
 239 }
 240
 241 a.rss_logo {
 242   float: right;
 243   padding: 3px 0px;
 244   width: 35px;
 245   line-height: 10px;
 246   border: 1px solid;
 247   border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
 248   color: #ffffff;
 249   background-color: #ff6600;
 250   font-weight: bold;
 251   font-family: sans-serif;
 252   font-size: 70%;
 253   font-style: normal;
 254   text-align: center;
 255   text-decoration: none;
 256   margin: 3px;
 257 }
 258
 259 a.rss_logo:hover {
 260   background-color: #ee5500;
 261 }
 262
 263
 264
 265 /* paging */
 266 .pager{
 267         width:100%;
 268         float:left;
 269         margin:10px 0;
 270         padding:0;
 271 }
 272 .pager li{
 273         margin:0;
 274         padding:0;
 275         display:block;
 276         list-style:none;
 277 }
 278 .pager li a{
 279         display:block;
 280         padding:4px 6px;
 281         color:#fff;
 282         border:1px solid #ddd;
 283         background-color:#333;
 284 }
 285 .pager .pager_prev a{
 286         margin-left:20px;
 287         float:left;
 288 }
 289 .pager .pager_next a{
 290         margin-right:20px;
 291         float:right;
 292 }
 293
 294
 295
 296
 297 /* table listings */
 298 th{
 299         padding:9px 5px 9px 10px;
 300         text-align:left;
 301         color:#fff;
 302 }
 303 th a{
 304         color:#fff;
 305 }
 306 .summary tr{
 307         background-color:#FAFAFA;
 308         border-bottom:1px solid #fff;
 309 }
 310 .summary td{
 311         vertical-align:middle !important;
 312 }
 313 tr.invert{
 314         background-color:#f0f0f0;
 315 }
 316 tr.header{
 317         background-color:#666;
 318 }
 319 .sha1{
 320         width:80px;
 321 }
 322 .file-mode{
 323         width:80px;
 324 }
 325 .time-since{
 326         width:95px;
 327         font-weight:bold;
 328 }
 329 .author{
 330         width:180px;
 331 }
 332 .author img{
 333         margin-right:5px;
 334         vertical-align:middle;
 335 }
 336 table.listing{
 337         width:970px;
 338         border-collapse:collapse;
 339 }
 340 .listing td{
 341         vertical-align:top;
 342         padding:9px 5px 9px 10px;
 343 }
 344 .action-list{
 345         width:120px;
 346 }
 347
 348 .diff-tree{
 349         background-color:#f0f0f0;
 350 }
 351 .diff-tree th{
 352         background-color:#666;
 353 }
 354 .diff-tree tr{
 355         border-bottom:1px solid #fff;
 356 }
 357 .diff-tree td{
 358         padding:6px 5px 4px 10px;
 359 }
 360 .differences{
 361         margin-top:0;
 362         padding:0px 15px;
 363 }
 364 .differences pre{
 365         line-height:140%;
 366         font-size:12px;
 367         overflow:auto;
 368         margin:0;
 369         padding:10px;
 370         border:1px solid #ddd;
 371         background-color:#f0f0f0;
 372 }
 373 .diff-head{
 374         background-color:#666;
 375         color:#fff;
 376         margin:10px 0 0 0 !important;
 377         border:1px solid #ddd;
 378         border-bottom:none;
 379         font-family: monospace;
 380         padding:10px;
 381         font-size:13px;
 382 }
 383 .diff-index {
 384         margin:0 0 30px 0;
 385         border:1px solid #ddd;
 386         border-top:none;
 387         background-color:#ccc;
 388         padding:5px 10px;
 389 }
 390
 391
 392 /* /blame */
 393 #blame pre, #blame tt {
 394   margin: 0;
 395   font-size: 12px;
 396 }
 397 #blame .commit-info {
 398
 399 }
 400 #blame .lineno {
 401   text-align: right;
 402   padding: 0 8px;
 403 }
 404 #blame a {
 405  atext-decoration: none;
 406 }
 407 #blame {
 408     overflow-x: scroll;
 409 }
 410 #blame tr.alt {
 411   background-color: #f7f7f7;
 412 }
 413 #blame tbody tr:hover {
 414   background-color: #fefeaa;
 415 }
 416 #blame td {
 417         vertical-align:middle;
 418         padding: 3px;
 419 }
 420 #blame td.lineno {
 421   background-color: #eee;
 422 }
 423 #blame td.date, #blame td.author, #blame td.commit-info {
 424 }
 425 #blame tbody td.data {
 426   padding-left: 5px;
 427   background-color: #333;
 428   color: #ddd;
 429 }
 430
 431 /* /blob */
 432 pre.blob {
 433   background-color: #333;
 434   color: #ddd;
 435   border-left: solid 3px #c33;
 436   padding: 5px;
 437   padding-left: 15px;
 438   margin: 20px 15px 20px;
 439   overflow:auto;
 440   font-size:12px;
 441 }
 442
 443 /* /blobdiff etc */
 444