github.com/merlinepedra/gopphish-attack@v0.9.0/static/css/main.css (about) 1 .swal2-popup { 2 font-size: 1.6rem !important; 3 } 4 5 .nav-tabs { 6 cursor: pointer; 7 } 8 9 .datatable_hidden { 10 display: none; 11 } 12 13 .navbar-logo { 14 margin: 4px 0px; 15 float: left; 16 } 17 18 #navbar-login { 19 padding-top: 8px; 20 padding-bottom: 0px; 21 } 22 23 #navbar-dropdown { 24 margin-top: 6px; 25 margin-right: 15px; 26 } 27 28 .sans { 29 font-family: 'Open Sans', sans-serif !important; 30 } 31 32 .label { 33 font-family: 'Roboto', sans-serif !important; 34 } 35 36 .form-signin { 37 max-width: 400px; 38 padding: 15px; 39 margin: 40px auto 0px auto; 40 } 41 42 ul .dropdown-menu .ng-isolate-scope { 43 visibility: visible; 44 display: block; 45 opacity: 1; 46 } 47 48 #login-button { 49 padding: 10px 15px; 50 } 51 52 .form-signin-heading { 53 text-align: center; 54 } 55 56 .form-signin .form-signin-heading, 57 .form-signin .checkbox { 58 margin-bottom: 10px; 59 } 60 61 .form-signin .checkbox { 62 font-weight: normal; 63 } 64 65 .form-signin .form-control { 66 font-family: 'Open Sans', sans-serif; 67 position: relative; 68 font-size: 16px; 69 height: auto; 70 padding: 10px; 71 -webkit-box-sizing: border-box; 72 -moz-box-sizing: border-box; 73 box-sizing: border-box; 74 } 75 76 .form-signin .form-control:focus { 77 z-index: 2; 78 } 79 80 .form-signin .top-input { 81 margin-bottom: -1px; 82 border-bottom-left-radius: 0; 83 border-bottom-right-radius: 0; 84 } 85 86 .form-signin .middle-input { 87 margin-bottom: -1px; 88 border-top-left-radius: 0; 89 border-top-right-radius: 0; 90 border-bottom-left-radius: 0; 91 border-bottom-right-radius: 0; 92 } 93 94 .form-signin .bottom-input { 95 margin-bottom: 10px; 96 border-top-left-radius: 0; 97 border-top-right-radius: 0; 98 } 99 100 #logo { 101 display: block; 102 margin-left: auto; 103 margin-right: auto; 104 } 105 106 footer>p { 107 color: #444444; 108 font-family: 'Open Sans', sans-serif; 109 } 110 111 .header { 112 margin-top: 10px; 113 } 114 115 .sidebar { 116 padding-left: 0px; 117 } 118 119 .sidebar a { 120 color: #201e1c; 121 } 122 123 .sidebar a:hover { 124 color: #201e1c; 125 } 126 127 .api_heading { 128 font-family: 'Open Sans', sans-serif; 129 background-color: #201e1c; 130 border-radius: 5px; 131 padding: 10px; 132 color: #E2E2E2; 133 width: 100%; 134 } 135 136 p { 137 font-size: 1.2em; 138 } 139 140 .form-label { 141 padding-top: 7px; 142 } 143 144 .hover { 145 visibility: visible; 146 } 147 148 .edit-button { 149 display: none; 150 } 151 152 .editable-row:hover .edit-button { 153 display: inline-block; 154 padding: 3px 6px; 155 font-size: 9px; 156 } 157 158 .remove-row { 159 float: right; 160 cursor: pointer; 161 } 162 163 .pagination { 164 margin: 0px; 165 } 166 167 @media (min-width: 992px) { 168 .modal-dialog { 169 width: 700px; 170 } 171 } 172 173 .dropdown-menu>li>a { 174 cursor: pointer; 175 } 176 177 .btn-file { 178 position: relative; 179 overflow: hidden; 180 } 181 182 .btn-file input[type=file] { 183 position: absolute; 184 top: 0; 185 right: 0; 186 min-width: 100%; 187 min-height: 100%; 188 text-align: right; 189 filter: alpha(opacity=0); 190 opacity: 0; 191 outline: none; 192 background: white; 193 cursor: inherit; 194 display: block; 195 } 196 197 .typeahead { 198 border-left-radius: 6px !important; 199 float: none !important; 200 } 201 202 .tt-query { 203 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 204 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 205 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 206 } 207 208 .tt-hint { 209 color: #999 210 } 211 212 .tt-menu { 213 width: 422px; 214 margin-top: 4px; 215 padding: 4px 0; 216 background-color: #fff; 217 border: 1px solid #ccc; 218 border: 1px solid rgba(0, 0, 0, 0.2); 219 -webkit-border-radius: 4px; 220 -moz-border-radius: 4px; 221 border-radius: 4px; 222 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); 223 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); 224 box-shadow: 0 5px 10px rgba(0, 0, 0, .2); 225 } 226 227 .tt-suggestion { 228 padding: 3px 20px; 229 line-height: 24px; 230 } 231 232 .tt-suggestion.tt-cursor { 233 color: #fff; 234 background-color: #0097cf; 235 } 236 237 .tt-suggestion p { 238 margin: 0; 239 } 240 241 .typeahead-button { 242 line-height: 1.39 !important; 243 } 244 245 .ct-point { 246 cursor: pointer; 247 } 248 249 .ct-timeline-point { 250 cursor: pointer; 251 stroke: #ffffff; 252 stroke-width: 1px; 253 } 254 255 .ct-point-sending { 256 fill: #428bca !important; 257 } 258 259 .ct-point-error { 260 fill: #6c7a89 !important; 261 } 262 263 .ct-point-clicked { 264 fill: #F39C12 !important; 265 } 266 267 .ct-point-opened { 268 fill: #f9bf3b !important; 269 } 270 271 .ct-point-sent { 272 fill: #1abc9c !important; 273 } 274 275 .ct-point-success { 276 fill: #f05b4f !important; 277 } 278 279 .chartist-tooltip { 280 position: absolute; 281 display: inline-block; 282 min-width: 5em; 283 padding: .5em; 284 background: #283F50; 285 color: #ffffff; 286 font-weight: 700; 287 text-align: center; 288 pointer-events: none; 289 z-index: 1; 290 margin-left: 1.25em; 291 font-size: .75em; 292 border-radius: 4px; 293 } 294 295 .chartist-pie-tooltip { 296 position: absolute; 297 display: inline-block; 298 min-width: 5em; 299 padding: .5em; 300 background: #283F50; 301 color: #ffffff; 302 font-weight: 700; 303 text-align: center; 304 pointer-events: none; 305 z-index: 1; 306 margin-left: 1.25em; 307 font-size: .75em; 308 border-radius: 4px; 309 } 310 311 .chartist-tooltip:after { 312 content: ""; 313 position: absolute; 314 top: 100%; 315 left: 50%; 316 width: 0; 317 height: 0; 318 margin-left: -15px; 319 border: 15px solid transparent; 320 border-top-color: #283F50 321 } 322 323 .chartist-chart { 324 height: 175px; 325 } 326 327 .chartist-legend { 328 list-style: none; 329 position: absolute; 330 padding-left: 0px; 331 top: 0; 332 } 333 334 .chartist-legend li { 335 display: block; 336 position: relative; 337 margin-bottom: 4px; 338 border-radius: 5px; 339 padding: 2px 8px 2px 8px; 340 font-size: 14px; 341 cursor: default; 342 -webkit-transition: background-color 200ms ease-in-out; 343 -moz-transition: background-color 200ms ease-in-out; 344 -o-transition: background-color 200ms ease-in-out; 345 transition: background-color 200ms ease-in-out; 346 } 347 348 .chartist-legend li span { 349 display: inline-block; 350 vertical-align: middle; 351 width: 20px; 352 height: 20px; 353 margin-right: 10px; 354 border-radius: 50%; 355 } 356 357 .ct-series-a .ct-slice-donut { 358 stroke: #1abc9c !important; 359 } 360 361 .ct-slice-donut.ct-slice-donut-error { 362 stroke: #6c7a89 !important; 363 } 364 365 .ct-slice-donut.ct-slice-donut-sent { 366 stroke: #1abc9c !important 367 } 368 369 .ct-slice-donut.ct-slice-donut-opened { 370 stroke: #f9bf3b !important; 371 } 372 373 .ct-slice-donut.ct-slice-donut-success { 374 stroke: #f05b4f !important; 375 } 376 377 .ct-slice-donut.ct-slice-donut-clicked { 378 stroke: #F39C12 !important; 379 } 380 381 .ct-slice-donut.ct-slice-donut-sending { 382 stroke: #428bca !important; 383 } 384 385 .ct-legend-error { 386 background-color: #6c7a89 !important; 387 } 388 389 .ct-legend-sent { 390 background-color: #1abc9c !important; 391 } 392 393 .ct-legend-opened { 394 background-color: #f9bf3b !important; 395 } 396 397 .ct-legend-success { 398 background-color: #f05b4f !important; 399 } 400 401 .ct-legend-clicked { 402 background-color: #F39C12 !important; 403 } 404 405 .ct-legend-sending { 406 background-color: #428bca !important; 407 } 408 409 .label-clicked { 410 background-color: #F39C12 !important; 411 } 412 413 .gophish-editor { 414 font-family: 'Courier New', Monospace !important; 415 font-size: small !important; 416 } 417 418 #resultsMap { 419 margin-top: -30px; 420 } 421 422 /* Handle the navbar collapse at < 1300px */ 423 424 @media (min-width: 768px) and (max-width: 1300px) { 425 .navbar-collapse.collapse { 426 display: none !important; 427 } 428 429 .navbar-collapse.collapse.in { 430 display: block !important; 431 } 432 433 .navbar-header .collapse, 434 .navbar-toggle { 435 display: block !important; 436 } 437 438 .navbar-header { 439 float: none !important; 440 } 441 } 442 443 /* Table Styling */ 444 445 .modal-content table { 446 table-layout: fixed; 447 } 448 449 .modal-content .dataTable tbody td { 450 font-size: 16px; 451 overflow: hidden; 452 text-overflow: ellipsis; 453 /* Smaller font on modal tables */ 454 } 455 456 .dataTables_info { 457 font-size: 15px; 458 } 459 460 /* Sort Icons */ 461 462 table.dataTable thead .sorting:after, 463 table.dataTable thead .sorting_asc:after, 464 table.dataTable thead .sorting_desc:after { 465 font-family: 'FontAwesome' !important; 466 position: relative !important; 467 display: initial !important; 468 top: initial !important; 469 right: initial !important; 470 left: 6px; 471 color: #1abc9c; 472 } 473 474 table.dataTable thead .sorting:after { 475 content: "\f0dc" !important; 476 color: initial; 477 } 478 479 table.dataTable thead .sorting_asc:after { 480 content: "\f0de" !important; 481 opacity: .8 !important; 482 } 483 484 table.dataTable thead .sorting_desc:after { 485 content: "\f0dd" !important; 486 opacity: .8 !important; 487 } 488 489 td.details-control { 490 cursor: pointer; 491 } 492 493 .timeline { 494 text-align: left; 495 background-color: #ffffff; 496 } 497 498 .timeline-graph { 499 margin-left: 30px; 500 } 501 502 .timeline>h6 { 503 margin-top: 0px; 504 margin-bottom: 5px; 505 } 506 507 .timeline>.subtitle { 508 color: #999999; 509 font-style: italic; 510 margin-bottom: 15px; 511 display: block; 512 } 513 514 .timeline-entry { 515 position: relative; 516 padding-bottom: 36px; 517 } 518 519 .timeline-bar { 520 display: block; 521 content: ""; 522 position: absolute; 523 top: 5px; 524 bottom: 0; 525 width: 1px; 526 left: -6px; 527 background: #aaaaaa; 528 } 529 530 .timeline-entry:last-child .timeline-bar { 531 display: none; 532 } 533 534 .timeline-entry:last-child { 535 padding-bottom: 0px; 536 } 537 538 .timeline-icon { 539 position: relative; 540 float: left; 541 margin-left: -24px; 542 width: 36px; 543 top: -5px; 544 height: 36px; 545 text-align: center; 546 border-radius: 50%; 547 } 548 549 .timeline-icon>i { 550 margin-top: 10px; 551 color: #ffffff; 552 } 553 554 .timeline-message { 555 padding-left: 30px; 556 } 557 558 .timeline-date { 559 float: right; 560 color: #999999; 561 font-style: italic; 562 } 563 564 .timeline-event-details { 565 font-size: 16px; 566 margin-top: 5px; 567 cursor: pointer; 568 } 569 570 .timeline-replay-button { 571 margin-top: 10px; 572 } 573 574 .timeline-event-details>.table-responsive { 575 display: none; 576 } 577 578 .timeline-event-details { 579 margin-top: 10px; 580 margin-bottom: 10px; 581 } 582 583 .timeline-event-results { 584 font-size: 16px; 585 display: none; 586 } 587 588 .timeline-device-details { 589 font-size: .8em; 590 margin-top: 10px; 591 } 592 593 .timeline-device-os>span.fa-stack { 594 font-size: .8em; 595 } 596 597 .timeline-device-browser>span.fa-stack { 598 font-size: .8em; 599 } 600 601 .timeline-device-browser>span.fa-stack>i.fa-stack-1x { 602 font-size: 1.5em; 603 } 604 605 i.fa-vendor-icon { 606 font-size: .6em; 607 } 608 609 i.fa-tablet+i.fa-vendor-icon { 610 top: -2px; 611 } 612 613 i.fa-tablet+i.fa-vendor-icon { 614 top: -2px; 615 } 616 617 i.fa-laptop+i.fa-vendor-icon { 618 top: -2px; 619 } 620 621 .tooltip-inner { 622 width: 300px !important; 623 } 624 625 #refresh_message { 626 display: none; 627 } 628 629 #capture_passwords { 630 display: none; 631 } 632 633 #redirect_url { 634 display: none; 635 } 636 637 @media (max-width: 767px) { 638 .navbar-header { 639 margin-left: 10px !important; 640 } 641 } 642 643 table.dataTable { 644 width: 100% !important; 645 } 646 647 .btn-blue { 648 color: #fff; 649 background-color: #428bca; 650 border-color: #428bca; 651 } 652 653 .btn-blue:hover { 654 background-color: #64a1d6; 655 } 656 657 .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { 658 font-size: 15px !important; 659 } 660 661 .select2-container--bootstrap .select2-selection--single { 662 height: 42px !important; 663 padding: 8px 12px !important; 664 } 665 666 .input-group-btn .btn { 667 line-height: 20px !important; 668 } 669 670 .highcharts-title { 671 font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; 672 font-size: 16px !important; 673 } 674 675 .color-success { 676 font-weight: bold; 677 color: #f05b4f; 678 } 679 680 .color-sent { 681 font-weight: bold; 682 color: #1abc9c; 683 } 684 685 .color-opened { 686 font-weight: bold; 687 color: #f9bf3b; 688 } 689 690 .color-clicked { 691 font-weight: bold; 692 color: #f39c12; 693 } 694 695 .color-reported { 696 font-weight: bold; 697 color: #45d6ef; 698 } 699 700 .color-success { 701 color: #f05b4f; 702 } 703 704 .nav-sidebar>li.active>a:focus, 705 .nav-sidebar>li.active>a:hover { 706 background-color: #37485a; 707 } 708 709 .nav-badge { 710 margin-top: 5px; 711 } 712 713 #resultsMapContainer { 714 display: none; 715 } 716 717 #csv-template { 718 margin-left: 15px; 719 cursor: pointer; 720 } 721 722 .cke_chrome { 723 border-top: 0 !important; 724 } 725 726 .cke_autocomplete_panel { 727 width: 400px !important; 728 } 729 730 .cke_autocomplete_panel>li { 731 padding: 10px 5px !important; 732 }