share/nitdoc/styles/main.css

   1 /* General */
   2
   3 body {
   4         margin: 0;
   5         font: 14px "Helvetica Neue", Helvetica, Tahoma, sans-serif;
   6 }
   7
   8 a {
   9         color: #333;
  10         text-decoration: none;
  11 }
  12
  13 a:hover {
  14         color: #0D8921;
  15 }
  16
  17 ul {
  18         list-style-type: square;
  19 }
  20
  21 pre, code {
  22         white-space: pre;
  23         font-family: monospace;
  24         font-size: 1em;
  25 }
  26
  27 pre {
  28         background: #EEE;
  29         padding: 5px;
  30         color: black;
  31         overflow: auto;
  32 }
  33
  34 hr {
  35         background-color: #DDD;
  36         height: 1px;
  37         border: 0;
  38 }
  39
  40 div.clear {
  41         clear: both;
  42 }
  43
  44 /* Titles */
  45
  46 h1, h2, h3, h4, h5 {
  47         font-family: Verdana, Geneva, sans-serif;
  48         color: #6C6C6C;
  49         font-weight: normal;
  50 }
  51
  52 h1 {
  53         font-size: 300%;
  54         margin: 0 0 10px 0;
  55 }
  56
  57 h3 {
  58         font-weight: bold;
  59 }
  60
  61 /* Page display */
  62
  63 body {
  64         overflow: hidden;
  65         height: 100%;
  66 }
  67
  68 header {
  69 }
  70
  71 .page {
  72         width: 937px;
  73         margin: auto;
  74 }
  75
  76 .menu {
  77         position: fixed;
  78         top: 50px;
  79         bottom: 2em;
  80         width: 250px;
  81         overflow-y:     scroll;
  82 }
  83
  84 .content {
  85         position: fixed;
  86         top: 50px;
  87         bottom: 0em;
  88         margin-left: 265px;
  89         width: 667px;
  90         overflow-y:     scroll;
  91         padding-right: 10px;
  92 }
  93
  94 .content.fullpage {
  95         margin-left: 20px;
  96         width: 910px;
  97 }
  98
  99 .content.footed {
 100         bottom: 2em;
 101 }
 102
 103 footer {
 104         position: fixed;
 105         bottom: 0;
 106         width: 100%;
 107 }
 108
 109 article:hover > .signature .copyButton, .copyButton.zeroclipboard-is-hover {
 110         visibility: visible;
 111 }
 112
 113 .copyButton.zeroclipboard-is-active {
 114         border-color: #0D8921;
 115 }
 116
 117 .copyButton {
 118         visibility: hidden;
 119         vertical-align: middle;
 120         margin: -2px 0px 0px 10px;
 121         width: 22px;
 122         height: 19px;
 123         padding: 1px;
 124         cursor: pointer;
 125 }
 126
 127 .copyButton img {
 128         width: 16px;
 129 }
 130
 131 /* Webkit scroll bars */
 132
 133 .menu {
 134     overflow-y: hidden;
 135 }
 136
 137 .menu:hover {
 138     overflow-y: scroll;
 139 }
 140
 141 .menu::-webkit-scrollbar, .content::-webkit-scrollbar {
 142     width: 10px;
 143 }
 144
 145 .menu::-webkit-scrollbar-thumb, .content::-webkit-scrollbar-thumb {
 146         background: #CCC;
 147         -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
 148 }
 149
 150 .menu::-webkit-scrollbar-thumb:hover, .content::-webkit-scrollbar-thumb:hover {
 151         background: #999;
 152 }
 153
 154 .menu::-webkit-scrollbar-corner, .content::-webkit-scrollbar-corner {
 155         background: transparent;
 156 }
 157
 158 .menu::-webkit-scrollbar-button, .content::-webkit-scrollbar-button {
 159         width: 0;
 160         height: 0;
 161         display: none;
 162 }
 163
 164 /* Header, Footer */
 165
 166 header nav ul {
 167         padding: 0;
 168         list-style-type: none;
 169         width: 900px;
 170         margin: auto;
 171 }
 172
 173 header nav ul li {
 174         display: inline;
 175         padding: 3px 6px;
 176         margin: auto 5px;
 177         color: #999;
 178 }
 179
 180 header nav ul li a {
 181         color: black;
 182 }
 183
 184 header nav ul li a:hover {
 185         color: #0D8921;
 186 }
 187
 188 footer {
 189         text-align: center;
 190         padding-bottom: 10px;
 191         color: #CCC;
 192 }
 193
 194 /* Main menu */
 195
 196 header nav.main {
 197         background: #E0E0E0 url(../resources/top_back.gif) repeat-x top left;
 198         padding: 7px 0;
 199 }
 200
 201 header nav.main ul li.current {
 202         background: #0D8921;
 203         color: white;
 204 }
 205
 206 /* Latteral Menu */
 207
 208 .menu nav {
 209         margin: 20px;
 210         width: 208px;
 211         border: 1px solid #CCC;
 212 }
 213
 214 .menu nav:first-child {
 215         margin-top: 0;
 216 }
 217
 218 .menu nav h3 {
 219         margin: 0;
 220         padding: 5px;
 221         background: #CCC;
 222         font-size: 1em;
 223 }
 224
 225 .menu nav h4 {
 226         font-weight: bold;
 227         color: #555555;
 228         margin: 10px 0 0 10px;
 229         font-size: 12px;
 230 }
 231
 232 .menu nav h4:last-child {
 233         margin-bottom: 5px;
 234 }
 235
 236 .menu nav ul {
 237         margin: 10px;
 238         padding: 0;
 239         list-style-type: none;
 240 }
 241
 242 .menu nav ul li {
 243         overflow: hidden;
 244         color: #CCC;
 245 }
 246
 247 /* Content */
 248
 249 .content section {
 250         margin: 20px 0;
 251 }
 252
 253 .content article {
 254         color: #6C6C6C;
 255         background-repeat: no-repeat;
 256         background-position: left 7px;
 257         margin: 20px 0;
 258         padding: 5px 20px;
 259 }
 260
 261 .content article h3 {
 262         margin: 0;
 263         font-weight: normal;
 264         color: #333;
 265 }
 266
 267 .content article.graph {
 268         text-align: center;
 269 }
 270
 271 .content article.modules,
 272 .content article.classes,
 273 .content article.properties {
 274         float: left;
 275         width: 250px;
 276         overflow: hidden;
 277 }
 278
 279 .content article.overview ul,
 280 .content article.modules ul,
 281 .content article.classes ul,
 282 .content article.properties ul {
 283         list-style-type: none;
 284         padding: 0;
 285 }
 286
 287 .content article.properties ul ul {
 288         padding-left: 10px;
 289 }
 290
 291 nav ul li span,
 292 .content article ul li span {
 293         color: #CCC;
 294         text-align: center;
 295         font-family: monospace;
 296         margin-right: 5px;
 297 }
 298
 299 .content article.modules ul code,
 300 .content article.classes ul code,
 301 .content article.properties ul code {
 302         font-weight: normal;
 303 }
 304
 305 .content section.summary h2, .content section.summary article{
 306         color: #000000;
 307 }
 308
 309 .content section.summary article h3{
 310         font-weight: bold;
 311         color: #555;
 312 }
 313
 314 .content article.highlighted {
 315         background-color: #FFF3C2;
 316         color: black;
 317 }
 318
 319 .content .subtitle {
 320         color: #6C6C6C;
 321 }
 322
 323 .content a {
 324         color: #0D8921;
 325 }
 326
 327 .content a:hover {
 328         color: #333;
 329 }
 330
 331 .info a {
 332         color: #333;
 333 }
 334
 335 .info a:hover {
 336         color: #0D8921;
 337 }
 338
 339
 340 article .info .code {
 341         float: right;
 342 }
 343
 344 .content .concern-doc {
 345         border-top: 3px dotted #CCC;
 346         padding: 5px 0;
 347         color: #999;
 348 }
 349
 350 .content section.concerns {
 351         padding: 10px;
 352         background: #EEE;
 353 }
 354
 355 .content section.concerns h2 {
 356         margin-top: 0;
 357 }
 358
 359 .content section.concerns ul {
 360     list-style-type: none;
 361     padding-left: 0;
 362     margin: 0;
 363 }
 364
 365 .content section.concerns li {
 366     margin-top: 20px;
 367 }
 368
 369 .content section.concerns ul ul {
 370     padding-left: 20px;
 371 }
 372
 373 .content section.concerns li li {
 374     margin-top: 0;
 375 }
 376
 377 .content section.methods h3.concern-toplevel {
 378         border-top: 3px dotted #CCC;
 379         padding-top: 0.83em;
 380         color: #999;
 381 }
 382
 383 .show-code {
 384         margin: 0;
 385 }
 386
 387 /* JS facilities */
 388
 389 input[type=text] {
 390         width: 150px;
 391         border: 1px solid #CCC;
 392         margin-right: 5px;
 393         padding: 1px 2px;
 394 }
 395
 396 input[type=text].notUsed {
 397         color: #999;
 398         font-style: italic;
 399 }
 400
 401 nav .filter {
 402         text-align: center;
 403         padding: 5px;
 404 }
 405
 406 nav.main input[type=text] {
 407         margin: -2px 10px;
 408         color: black;
 409         font-style: normal;
 410 }
 411
 412 nav.main form {
 413         float: right;
 414 }
 415
 416 .filter a {
 417         color: #0D8921;
 418         cursor: pointer;
 419         font-family: monospace;
 420         margin-right: 5px;
 421    font-weight: bold;
 422 }
 423
 424 .filter a.hidden {
 425         color: #999;
 426    font-weight: normal;
 427 }
 428
 429 .filter a:hover {
 430         text-decoration: underline;
 431 }
 432
 433 nav h3 a.fold {
 434         margin: 0 5px;
 435         color: #999;
 436         font-family: monospace;
 437         font-weight: bold;
 438         font-size: 120%;
 439         cursor: pointer;
 440 }
 441
 442 .hide {
 443         overflow-y: hidden;
 444         height: 0;
 445 }
 446
 447 /* Icons */
 448 .type.public { background-image: url('../resources/icons/vtype_public.png')}
 449 .type.protected { background-image: url('../resources/icons/vtype_protected.png')}
 450 .type.private { background-image: url('../resources/icons/vtype_private.png')}
 451 .init.public { background-image: url('../resources/icons/const_public.png')}
 452 .init.protected { background-image: url('../resources/icons/const_protected.png')}
 453 .init.private { background-image: url('../resources/icons/const_private.png')}
 454 .fun.public { background-image: url('../resources/icons/meth_public.png')}
 455 .fun.protected { background-image: url('../resources/icons/meth_protected.png')}
 456 .fun.private { background-image: url('../resources/icons/meth_private.png')}
 457
 458 /* Quick Search */
 459
 460 #search {
 461         width: 300px;
 462 }
 463
 464 #searchTable {
 465         background-color: #FFFFFF;
 466         border: 1px solid #E0E0E0;
 467         border-spacing: 0px;
 468         z-index: 10; /* the menu must be over the rest of the page. */
 469 }
 470
 471 #searchTable .activeSearchResult {
 472         cursor: pointer;
 473         background: #EEE;
 474 }
 475
 476 #searchTable td {
 477         white-space: nowrap;
 478         overflow: hidden;
 479         line-height: 22px;
 480         padding: 2px;
 481         width: 25%;
 482 }
 483
 484 #searchTable td.entryInfo {
 485         color: #0D8921;
 486         font-size: small;
 487         width: 75%;
 488         text-align: right;
 489 }
 490
 491 #searchTable tr.overflow td {
 492         text-align: center;
 493         background-color: #E0E0E0;
 494 }
 495
 496 textarea {
 497         margin: 10px;
 498         font-family: monospace;
 499         font-size: 1em;
 500         width: 100%;
 501 }
 502 #commitBtn, #cancelBtn{
 503         float: right;
 504         margin-right: 10px;
 505 }
 506 #commitBtn:hover, #cancelBtn:hover, #lblDiffCommit:hover{
 507         cursor: hand; cursor: pointer;
 508 }
 509
 510 #waitCommit { /*--Masque opaque noir de fond--*/
 511         display: none;
 512         top: 40%; left: 40%;
 513         z-index: 99999;
 514 }
 515 #fade { /*--Masque opaque noir de fond--*/
 516         display: none; /*--masqué par défaut--*/
 517         background: #000;
 518         position: fixed; left: 0; top: 0;
 519         width: 100%; height: 100%;
 520         opacity: .80;
 521         z-index: 9999;
 522 }
 523 #modal{
 524         display: none; /*--masqué par défaut--*/
 525         background: #fff;
 526         padding: 20px;
 527         border: 3px solid #ddd;
 528         float: left;
 529         font-size: 1.2em;
 530         position: fixed;
 531         top: 20%; left: 40%;
 532         z-index: 99999;
 533         /*--Les différentes définitions de Box Shadow en CSS3--*/
 534         -webkit-box-shadow: 0px 0px 20px #000;
 535         -moz-box-shadow: 0px 0px 20px #000;
 536         box-shadow: 0px 0px 20px #000;
 537         /*--Coins arrondis en CSS3--*/
 538         -webkit-border-radius: 10px;
 539         -moz-border-radius: 10px;
 540         border-radius: 10px;
 541 }
 542
 543 #modal #logginName{
 544         display: none; /*--masqué par défaut--*/
 545         background: #fff;
 546         padding: 20px;
 547         margin-bottom: 400px;
 548         font-size: 1.2em;
 549 }
 550
 551 #modalQuestion{
 552         display: none; /*--masqué par défaut--*/
 553         background: #fff;
 554         padding: 20px;
 555         border: 3px solid #ddd;
 556         float: left;
 557         font-size: 1.2em;
 558         position: fixed;
 559         top: 20%; left: 40%;
 560         z-index: 99999;
 561         /*--Les différentes définitions de Box Shadow en CSS3--*/
 562         -webkit-box-shadow: 0px 0px 20px #000;
 563         -moz-box-shadow: 0px 0px 20px #000;
 564         box-shadow: 0px 0px 20px #000;
 565         /*--Coins arrondis en CSS3--*/
 566         -webkit-border-radius: 10px;
 567         -moz-border-radius: 10px;
 568         border-radius: 10px;
 569 }
 570
 571 #btnCreateBranch, #btnCancelBranch{
 572         padding: 6px 7px;
 573         -moz-border-bottom-colors: none;
 574     -moz-border-left-colors: none;
 575     -moz-border-right-colors: none;
 576     -moz-border-top-colors: none;
 577     background-color: #F5F5F5;
 578     background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
 579     background-repeat: repeat-x;
 580     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
 581     border-image: none;
 582     border-radius: 4px 4px 4px 4px;
 583     border-style: solid;
 584     border-width: 1px;
 585     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
 586     color: #333333;
 587     cursor: pointer;
 588     display: inline-block;
 589     font-size: 14px;
 590     line-height: 20px;
 591     margin-bottom: 0;
 592     padding: 4px 12px;
 593     text-align: center;
 594     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 595     vertical-align: middle;
 596     margin-top: 5%;
 597     margin-left: 10px;
 598
 599 }
 600
 601 #btnCreateBranch{
 602         margin-left: 35%;
 603 }
 604
 605 img.btn_close, img.btnCloseQuestion {
 606         float: right;
 607         margin: -35px -35px 0 0;
 608 }
 609 fieldset {
 610     margin-bottom: 20px;
 611 }
 612
 613 #login, #password, #commitMessage, #repoCommit, #branchName{
 614         border: 1px solid #ccc;
 615         padding: 6px 7px;
 616         outline: none;
 617         -moz-border-radius: 2px;
 618         -webkit-border-radius: 2px;
 619         border-radius: 2px;
 620         font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 621         color: #777;
 622         margin: 0;
 623         width: 210px;
 624         max-width: 100%;
 625         display: block;
 626         margin-bottom: 20px;
 627         background: #fff;
 628 }
 629
 630 .connect-button a{
 631         display: block;
 632         cursor: pointer;
 633         margin: 0 0 20px 0;
 634         background-color: #92C929;
 635         background-image: -webkit-gradient(linear, left top, left bottom, from(#92C929), to(#1d7900)); /* Saf4+, Chrome */
 636         background-image: -webkit-linear-gradient(top, #92C929, #1d7900); /* Chrome 10+, Saf5.1+ */
 637         background-image:    -moz-linear-gradient(top, #92C929, #1d7900); /* FF3.6 */
 638         background-image:     -ms-linear-gradient(top, #92C929, #1d7900); /* IE10 */
 639         background-image:      -o-linear-gradient(top, #92C929, #1d7900); /* Opera 11.10+ */
 640         background-image:         linear-gradient(top, #92C929, #1d7900);
 641         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#92C929', EndColorStr='#1d7900'); /* IE6–IE9 */
 642         border-radius: 4px;
 643         -moz-border-radius: 4px;
 644         -webkit-border-radius: 4px;
 645         -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
 646         box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 647         -moz-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 648         -webkit-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 649         text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 650         -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 651         -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 652         border: 1px solid #1d7900;
 653         color: #fff;
 654         font-weight: 300;
 655         font-size: 14px;
 656         padding: 5px 7px 5px 7px;
 657         text-align: center;
 658         margin-top: 0px;
 659 }
 660
 661 .connect-button a:hover{
 662     background-image: -webkit-gradient(linear, left top, left bottom, from(#9AD42C), to(#1d7900)); /* Saf4+, Chrome */
 663     background-image: -webkit-linear-gradient(top, #9AD42C, #1d7900); /* Chrome 10+, Saf5.1+ */
 664     background-image:    -moz-linear-gradient(top, #9AD42C, #1d7900); /* FF3.6 */
 665     background-image:     -ms-linear-gradient(top, #9AD42C, #1d7900); /* IE10 */
 666     background-image:      -o-linear-gradient(top, #9AD42C, #1d7900); /* Opera 11.10+ */
 667     background-image:         linear-gradient(top, #92C929, #1d7900);
 668     filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9AD42C', EndColorStr='#1d7900'); /* IE6–IE9 */
 669 }
 670
 671 .connect-button a:active{
 672     background-image: -webkit-gradient(linear, left top, left bottom, from(#73BD39), to(#1d7900)); /* Saf4+, Chrome */
 673     background-image: -webkit-linear-gradient(top, #73BD39, #1d7900); /* Chrome 10+, Saf5.1+ */
 674     background-image:    -moz-linear-gradient(top, #73BD39, #1d7900); /* FF3.6 */
 675     background-image:     -ms-linear-gradient(top, #73BD39, #1d7900); /* IE10 */
 676     background-image:      -o-linear-gradient(top, #73BD39, #1d7900); /* Opera 11.10+ */
 677     background-image:         linear-gradient(top, #73BD39, #1d7900);
 678     filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#73BD39', EndColorStr='#1d7900'); /* IE6–IE9 */
 679 }
 680
 681 .connect-button a strong{
 682     color: #fff;
 683     font-weight: 600;
 684 }
 685
 686 .connect-button a:hover{
 687     text-decoration: none;
 688 }
 689
 690 .connect-button a img{
 691     margin-right: 7px;
 692     margin-bottom: -3px;
 693     height: 16px;
 694     width: 16px;
 695 }
 696
 697 .popover a:hover {
 698         color: #333;
 699         cursor: hand; cursor: pointer;
 700 }
 701
 702 .popover a {
 703         color: #0D8921;
 704         margin-bottom: 10px;
 705 }
 706
 707 .popover {
 708         position: absolute;
 709         width : 220px;
 710         height:280px;
 711         margin-left: -185px;
 712         z-index: 1010;
 713         display: block;
 714         max-width: 276px;
 715         padding: 1px;
 716         text-align: left;
 717         white-space: normal;
 718         background-color: #ffffff;
 719         border: 1px solid #ccc;
 720         border: 1px solid rgba(0, 0, 0, 0.2);
 721         -webkit-border-radius: 6px;
 722          -moz-border-radius: 6px;
 723               border-radius: 6px;
 724         -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 725          -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 726               box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 727         -webkit-background-clip: padding-box;
 728          -moz-background-clip: padding;
 729               background-clip: padding-box;
 730 }
 731
 732 .popover.bottom {
 733         margin-top: 10px;
 734 }
 735
 736 .popover-title {
 737         padding: 8px 14px;
 738         margin: 0;
 739         font-size: 14px;
 740         font-weight: normal;
 741         line-height: 18px;
 742         background-color: #f7f7f7;
 743         border-bottom: 1px solid #ebebeb;
 744         -webkit-border-radius: 5px 5px 0 0;
 745          -moz-border-radius: 5px 5px 0 0;
 746               border-radius: 5px 5px 0 0;
 747 }
 748
 749 .popover-title:empty {
 750         display: none;
 751 }
 752
 753 .popover-content {
 754         padding: 9px 14px;
 755 }
 756
 757 .popover .arrow,
 758 .popover .arrow:after {
 759         position: absolute;
 760         display: block;
 761         width: 0;
 762         height: 0;
 763         border-color: transparent;
 764         border-style: solid;
 765 }
 766
 767 .popover .arrow {
 768         border-width: 11px;
 769 }
 770
 771 .popover .arrow:after {
 772         border-width: 10px;
 773         content: "";
 774 }
 775
 776 .popover.bottom .arrow {
 777         top: -11px;
 778         left: 50%;
 779         margin-left: 72px;
 780         border-bottom-color: #999;
 781         border-bottom-color: rgba(0, 0, 0, 0.25);
 782         border-top-width: 0;
 783 }
 784
 785 .popover.bottom .arrow:after {
 786         top: 1px;
 787         margin-left: -10px;
 788         border-bottom-color: #ffffff;
 789         border-top-width: 0;
 790 }
 791
 792 #logGitHub{
 793         cursor: hand; cursor: pointer;
 794         height: 17px;
 795         width: 17px;
 796 }
 797
 798 #liGitHub{
 799         float:right;
 800         margin-top:-4px;
 801         height: 20px;
 802 }
 803
 804 #liGitHub input {
 805         margin: 4px 10px 5px 10px;
 806         color: black;
 807         font-style: normal;
 808         font-size: 12px;
 809         border: 1px solid #CCC;
 810 }
 811
 812 #lbloginGit, #lbpasswordGit, #lbrepositoryGit, #lbbranchGit, #lblSignedOff{
 813         color: black;
 814         font-style: normal;
 815         margin-left: 10px;
 816         margin-top: 10px;
 817 }
 818 #logginMessage , #lbBranches{
 819         color: black;
 820         font-style: normal;
 821         text-align: center;
 822         margin-top: 10px;
 823 }
 824
 825 #divlogIn{
 826         text-align: center;
 827 }
 828
 829 #signIn{
 830         display: block;
 831         cursor: pointer;
 832         margin: 2px 10px 5px 10px;
 833         background-color: #92C929;
 834         background-image: -webkit-gradient(linear, left top, left bottom, from(#92C929), to(#1d7900)); /* Saf4+, Chrome */
 835         background-image: -webkit-linear-gradient(top, #92C929, #1d7900); /* Chrome 10+, Saf5.1+ */
 836         background-image:    -moz-linear-gradient(top, #92C929, #1d7900); /* FF3.6 */
 837         background-image:     -ms-linear-gradient(top, #92C929, #1d7900); /* IE10 */
 838         background-image:      -o-linear-gradient(top, #92C929, #1d7900); /* Opera 11.10+ */
 839         background-image:         linear-gradient(top, #92C929, #1d7900);
 840         filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#92C929', EndColorStr='#1d7900'); /* IE6–IE9 */
 841         border-radius: 4px;
 842         -moz-border-radius: 4px;
 843         -webkit-border-radius: 4px;
 844         -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
 845         box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 846         -moz-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 847         -webkit-box-shadow: 0px 2px 4px rgba(0,0,0, .2);
 848         text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 849         -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 850         -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 851         border: 1px solid #1d7900;
 852         color: #fff;
 853         font-weight: 300;
 854         font-size: 14px;
 855         padding: 5px 7px 5px 7px;
 856         text-align: center;
 857 }
 858
 859 #passwordGit, #loginGit, #repositoryGit, #branchGit, #signedOff{
 860         height:30px;
 861         width: 200px;
 862 }
 863
 864 #imgGitHub{
 865         width:20px;
 866 }
 867
 868 #dropBranches{
 869         font-size: 12px;
 870         height:20px;
 871 }
 872
 873 #listBranches, #divGitHubRepoDisplay{
 874         color: #000000;
 875         display:block;
 876         text-align:center;
 877         margin-top: 15px;
 878         margin-bottom: 15px;
 879 }
 880
 881 .githubTitle{
 882         text-align:center;
 883 }
 884
 885 #preSave{
 886         display: none;
 887 }
 888
 889 .noComment {
 890         padding: 5px;
 891 }
 892
 893 a.newComment {
 894         padding: 5px;
 895         color: #0D8921;
 896         display: block;
 897         margin: 1em 0px;
 898 }
 899 a.newComment: hover {
 900         color: #333;
 901 }