qutebrowser/css/ultrahaptics_cdox_net.user.css

   1 /* ==UserStyle==
   2 @name          Example UserCSS style
   3 @namespace     https://gitlab.ultrahaptics.com/common/css_cognidox
   4 @homepageURL   https://gitlab.ultrahaptics.com/common/css_cognidox
   5 @version       1.0.0
   6 @license       unlicense
   7 @author        Robert Blenkinsopp <robert@ultrahaptics.com>
   8 @updateURL     https://gitlab.ultrahaptics.com/common/css_cognidox/raw/master/ultrahaptics_cdox_net.user.css
   9 @preprocessor  uso
  10 ==/UserStyle== */
  11
  12 @import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:400,400i,700,700i|Source+Code+Pro:400,700';
  13
  14 @-moz-document domain("ultrahaptics.cdox.net") {
  15
  16         html {
  17             background-color: white;
  18         }
  19
  20         head {
  21             margin: 0;
  22         }
  23
  24         body {
  25             padding: 0;
  26             margin: 0;
  27             margin-bottom: -50px;
  28
  29             font-family: 'Open Sans', sans-serif;
  30             background: none;
  31         }
  32
  33         pre {
  34             font-family: 'Source Code Pro', monospace;
  35             font-size: 10pt;
  36         }
  37
  38         #mainbody {
  39             margin: 0 auto;
  40             margin-bottom: -50px !important;
  41             max-width: 1200px;
  42             padding-top: 100px;
  43             min-height: calc(100% - 100px) !important;
  44         }
  45
  46         .column {
  47             padding-bottom: 10px;
  48         }
  49
  50         .ui-widget {
  51             font-family: "Open Sans";
  52         }
  53
  54         .ui-widget-header {
  55             background-color: #28724f;
  56             background-image: none;
  57             font-weight: normal;
  58         }
  59
  60         #dashboard {
  61             padding: 0 15px;
  62         }
  63
  64         #cg_header {
  65             top: 0;
  66             left: 0;
  67             z-index: 1000;
  68             position: fixed;
  69             margin: 0;
  70             padding: 10px;
  71             background-color: white;
  72
  73             margin-bottom: 20px;
  74             box-shadow: 0 4px 8px rgba(100,100,99,.15);
  75         }
  76
  77         #cg_header > div{
  78             line-height: 50px;
  79             padding-right: 15px;
  80         }
  81
  82         #cg_header button {
  83             border: none;
  84             background: none;
  85             text-transform: uppercase;
  86             font-size: 10pt;
  87         }
  88
  89         #cg_header button:last-child {
  90             height: 50px;
  91             content: "";
  92
  93             background: #b6bf11;
  94             background: -webkit-gradient(left top,right top,color-stop(0,#b6bf11),color-stop(52%,#5ba234),color-stop(100%,#207350));
  95             background: linear-gradient(to right,#b6bf11 0,#5ba234 52%,#207350 100%);
  96
  97             display: block;
  98             border-radius: 24px;
  99             padding: 0 10px;
 100             margin: 0 10px;
 101                 color: white;
 102             box-shadow: 0 0 8px rgba(100,100,99,.5);
 103         }
 104
 105
 106         #cg_header button:last-child:after {
 107             display: block;
 108             content: 'Logout';
 109             position: absolute;
 110             z-index: 2;
 111             background: white;
 112             width: calc(100% - 2px);
 113             height: calc(100% - 2px);
 114             top: 1px;
 115             left: 1px;
 116             border-radius: 25px;
 117             opacity: 1;
 118             color: #4a4a4a;
 119             transition: opacity .3s ease;
 120             line-height: 48px;
 121         }
 122
 123         #cg_header button:last-child:hover:after {
 124             opacity: 0;
 125                 transition: opacity .3s ease;
 126         }
 127
 128         h1#pagetitle {
 129             width: 340px;
 130             background-image: url("https://www.ultrahaptics.com/wp-content/themes/ultrahaptics/images/logo_full.svg");
 131         }
 132
 133         h1#pagetitle span{
 134             color: #4a4a4a;
 135                 font-family: "Open Sans Condensed";
 136             font-weight: normal !important;
 137             margin-left: 200px;
 138         }
 139
 140         #cg_footer {
 141             height: 50px;
 142             line-height: 50px;
 143             background: #b6bf11;
 144             background: -webkit-gradient(left top,right top,color-stop(0,#b6bf11),color-stop(52%,#5ba234),color-stop(100%,#207350));
 145             background: linear-gradient(to right,#b6bf11 0,#5ba234 52%,#207350 100%);
 146             border: none;
 147         }
 148
 149         #cg_footer span:first-child {
 150             display: none;
 151         }
 152
 153         #cg_footer span {
 154             width: 100% !important;
 155             text-align: center !important;
 156             font-weight: normal;
 157             font-size: 10pt;
 158             font-family: "Open Sans";
 159             text-transform: uppercase;
 160             visibility: hidden;
 161         }
 162
 163         #cg_footer span a {
 164             visibility: visible;
 165                 text-decoration: none;
 166         }
 167
 168         #cg_footer span a:first-child:before {
 169                 content: "COPYRIGHT 2017 ULTRAHAPTICS - ALL RIGHTS RESERVED";
 170             margin-right: 100px;
 171         }
 172
 173         #cg_footer span a:before {
 174                 content: "/";
 175             margin-right: 18px;
 176             margin-left: 5px;
 177             text-decoration: none;
 178         }
 179
 180         #cg_footer span a:hover:before {
 181             display: inline-block;
 182             text-decoration: none;
 183         }
 184
 185         #cg_footer span a:hover {
 186                 text-decoration: underline;
 187         }
 188
 189         /* Hide the really a bad icons for now */
 190         .tablehead img {
 191             display: none;
 192         }
 193
 194         /* Might be a bit far reaching */
 195         img[src="/images/part-details.png"],
 196         img[src="/images/documents.png"],
 197         img[src="/images/folder.png"],
 198         img[src="/images/actions.png"] {
 199             display: none;
 200         }
 201
 202         .portlet {
 203             border-radius: 0;
 204             overflow: hidden;
 205             border: none;
 206             margin-bottom: 11px;
 207         }
 208
 209         .portlet::after {
 210             content: '';
 211             background: #b6bf11;
 212             background: -webkit-gradient(left top,right top,color-stop(0,#b6bf11),color-stop(52%,#5ba234),color-stop(100%,#207350));
 213             background: linear-gradient(to right,#b6bf11 0,#5ba234 52%,#207350 100%);
 214             display: block;
 215             width: 100%;
 216             height: 1px;
 217         }
 218
 219
 220         .portlet-header {
 221             background: white;
 222             font-family: "Open Sans";
 223             text-transform: uppercase;
 224
 225             margin: 0;
 226             border-radius: 0;
 227             border: none;
 228             color: #4a4a4a;
 229             padding: 15px 10px 5px 10px;
 230             font-size: 12pt;
 231         }
 232
 233         .portlet-content {
 234             float: none;
 235         }
 236
 237         .portlet-content::after {
 238             content: "";
 239             clear: both;
 240             display: table;
 241         }
 242
 243         .portlet-actions {
 244                 float: right;
 245             padding: 5px 5px 0px 5px;
 246             margin-top: 0;
 247             border-top: none;
 248         }
 249
 250         .portlet-actions a {
 251             text-transform: uppercase;
 252             font-size: 7pt;
 253         }
 254
 255         /* Search */
 256         #cg_header ~ div.ui-widget, #cg_header + div div.ui-widget {
 257             margin: 0 15px 0 15px;
 258             border-radius: 0;
 259             overflow: hidden;
 260             border: none;
 261         }
 262
 263         #cg_header ~ div.ui-widget div.ui-widget-header, #cg_header + div div.ui-widget div.ui-widget-header {
 264             background: white;
 265             padding: 5px 10px 10px 10px;
 266             font-family: "Open Sans";
 267             font-size: 12pt;
 268             text-transform: uppercase;
 269             color: #4a4a4a;
 270             border: none;
 271         }
 272
 273         #cg_header ~ div.ui-widget div.ui-widget-content, #cg_header + div div.ui-widget div.ui-widget-content {
 274             border: none;
 275         }
 276
 277         #cg_header + div div.ui-widget div.ui-widget-content .innerblock,
 278         #cg_header + div div.ui-widget div.ui-widget-content,
 279         #cg_header ~ div.ui-widget div.ui-widget-content .innerblock,
 280         #cg_header ~ div.ui-widget div.ui-widget-content {
 281             padding: 12px !important;
 282         }
 283
 284         #cg_header ~ div.ui-widget::after, #cg_header + div div.ui-widget::after {
 285             content: '';
 286             background: #b6bf11;
 287             background: -webkit-gradient(left top,right top,color-stop(0,#b6bf11),color-stop(52%,#5ba234),color-stop(100%,#207350));
 288             background: linear-gradient(to right,#b6bf11 0,#5ba234 52%,#207350 100%);
 289             display: block;
 290             width: 100%;
 291             height: 1px;
 292         }
 293
 294         div#cg_footer {
 295             margin: 0;
 296             border-radius: 0;
 297         }
 298
 299         #topsearch {
 300             width: 250px;
 301         }
 302
 303         #topsearch form {
 304             width: 220px;
 305             height: 35px;
 306             border: none;
 307             background: none;
 308             padding: 0;
 309             margin: 0 20px;
 310         }
 311
 312         #topsearch form input {
 313             -webkit-appearance: none;
 314             -moz-appearance: none;
 315             background: #ededed;
 316             border: none;
 317             width: calc(100% - 20px);
 318                 height: 100%;
 319             font-family: "Open Sans";
 320             font-size: 10pt;
 321             padding: 0 10px 0 10px;
 322         }
 323
 324         #topsearch form::after {
 325             content: '';
 326             background: #f1cd00;
 327             background: -webkit-gradient(left top,right top,color-stop(0,#f1cd00),color-stop(52%,#ef9402),color-stop(100%,#ea7806));
 328             background: linear-gradient(to right,#f1cd00 0,#ef9402 52%,#ea7806 100%);
 329             display: block;
 330             width: 100%;
 331             height: 2px;
 332             position: relative;
 333             top: -9px;
 334         }
 335
 336         table.subcategorytable td,
 337         table.subcategorytable tr,
 338         table.subcategorytable tbody {
 339             display: inline;
 340         }
 341
 342         table.subcategorytable folderlist li {
 343             display: block;
 344         }
 345
 346         .librarymaintitle div.ui-state-default, .folderitem {
 347             text-transform: uppercase;
 348             border: none;
 349             background: none;
 350             clear: both;
 351
 352             font-size: 10pt;
 353             font-weight: normal;
 354             float: left;
 355         }
 356
 357         .librarymaintitle div.ui-state-default a, .folderitem a {
 358             color: #4a4a4a;
 359
 360             visibility: visible;
 361             display: block;
 362
 363             text-indent: 0;
 364             white-space: normal;
 365             overflow: visible;
 366
 367             float: left;
 368             border-radius: 5px;
 369             padding: 5px 10px;
 370             margin: 3px;
 371             background-color: #ededed;
 372             text-decoration: none;
 373             font-size: 9pt;
 374
 375
 376         }
 377
 378         .folderlist {
 379             list-style-image: none;
 380             list-style-type: none;
 381         }
 382
 383         .folderlist li {
 384             display: block;
 385             clear: none;
 386             margin: 0;
 387         }
 388
 389         .folderlist li a {
 390             margin: 3px;
 391             text-transform: none;
 392         }
 393
 394         .folderitem::after {
 395             content: "";
 396             clear: both;
 397             display: table;
 398         }
 399
 400         .folderitem a {
 401             visibility: visible;
 402             text-indent: 0;
 403             display: block;
 404             float: left;
 405             margin: 20px 0px 10px 0px;
 406             text-decoration: none;
 407         }
 408
 409         .folderitem br {
 410             display: none;
 411         }
 412
 413         .catlist, .subcategorytable {
 414             /*visibility: hidden*/;
 415             font-size: 1px !important;
 416             clear: both;
 417             text-indent: -100%;
 418         }
 419
 420         #CogniDoxBookmarkedCategories_1 .portlet-content{
 421             visibility: hidden;
 422         }
 423
 424         /* TODO: Company Categories */
 425
 426         ul.folderlist a {
 427             display: block;
 428             float: none;
 429             clear: none;
 430         }
 431
 432         ul.folderlist small {
 433             font-size: 0px !important;
 434             float: left;
 435         }
 436
 437         ul.folderlist small a {
 438             visibility: visible;
 439             display: block;
 440
 441             text-indent: 0;
 442             white-space: normal;
 443             overflow: visible;
 444
 445             float: left;
 446             font-size: 9pt;
 447             text-transform: none;
 448         }
 449
 450         .catlist a, .subcategorytable small a, p a[href^="/cgi-perl/browse-categories?id="],
 451         div.innerblock div[style="width:100%"] table a[href^="/cgi-perl/browse-categories?id="] {
 452             visibility: visible;
 453             display: block;
 454
 455             text-indent: 0;
 456             white-space: normal;
 457             overflow: visible;
 458
 459             float: left;
 460             border-radius: 5px;
 461             padding: 5px 10px;
 462             margin: 3px;
 463             background-color: #ededed;
 464             text-decoration: none;
 465             font-size: 9pt;
 466         }
 467
 468         div.innerblock div[style="width:100%"] table a[href^="/cgi-perl/browse-categories?id="] {
 469             clear: both;
 470             margin-left: 0;
 471             margin-right: 0;
 472         }
 473
 474         div.innerblock div[style="width:100%"] table a[href^="/cgi-perl/browse-categories?id="]:first-child {
 475                 margin-top: 0;
 476         }
 477
 478         .tablelinks {
 479             visibility: hidden;
 480         }
 481
 482         .tablelinks a {
 483             visibility: visible;
 484             color: #4a4a4a;
 485             font-weight: normal !important;
 486         }
 487
 488         .catlist:empty::after, .subcategorytable:empty::after {
 489             Content: "No Sub Categories";
 490             visibility: visible;
 491             display: block;
 492
 493             text-indent: 0;
 494             white-space: normal;
 495             overflow: visible;
 496
 497             float: left;
 498             border-radius: 5px;
 499             padding: 0px 10px;
 500             margin: 0 3px;
 501             text-decoration: none;
 502             font-style: italic;
 503             color: #4a4a4a;
 504             font-size: 9pt;
 505         }
 506
 507
 508         /* Need to consider this a bit more for forms etc */
 509         .ui-state-highlight {
 510             padding: 8px !important;
 511             border: none !important;
 512             border-radius: 5px;
 513             background: #f1cd00 !important;
 514             background: -webkit-gradient(left top,right top,color-stop(0,#f1cd00),color-stop(52%,#ef9402),color-stop(100%,#ea7806)) !important;
 515             background: linear-gradient(to right,#f1cd00 0,#ef9402 52%,#ea7806 100%) !important;
 516             color: white !important;
 517         }
 518
 519         table.documenttable,
 520         div.innerblock table {
 521             border: none;
 522             border-collapse: collapse;
 523         }
 524
 525         table.documenttable th, th.divline,
 526         div.innerblock table th, th.divline {
 527             background-color: #ededed;
 528             border-bottom: 1px solid #4a4a4a;
 529             text-transform: uppercase;
 530             font-size: 10pt;
 531             padding: 10px;
 532         }
 533
 534         table.documenttable td,
 535         div.innerblock table {
 536             font-size: 10pt;
 537             padding: 10px;
 538         }
 539
 540         th.divline div {
 541             background: none;
 542         }
 543
 544         #cg_header ~ div form[action="/cgi-perl/doxbox-search"] {
 545             visibility: hidden;
 546             height: 0;
 547             margin-top: -15px;
 548             width: 100%;
 549             clear: both;
 550             text-indent: -100%;
 551         }
 552
 553         #cg_header ~ div form[action="/cgi-perl/doxbox-search"] input[type="text"] {
 554             -webkit-appearance: none;
 555             -moz-appearance: none;
 556             height: 35px;
 557             border: 1px solid #aaaaaa;
 558             border-right: none;
 559             border-top-left-radius: 25px;
 560             border-bottom-left-radius: 25px;
 561             padding: 2px 15px;
 562
 563             display:block;
 564             float: left;
 565             visibility: visible;
 566
 567             font-size: 14pt;
 568             color: #4a4a4a;
 569
 570             width: calc(100% - 459px);
 571
 572             outline-width: 0;
 573         }
 574
 575         #cg_header ~ div form[action="/cgi-perl/doxbox-search"] select{
 576             -webkit-appearance: none;
 577             -moz-appearance: none;
 578             height: calc(35px + 6px);
 579             border-top: 1px solid #aaaaaa;
 580             border-bottom: 1px solid #aaaaaa;
 581             border-left: none;
 582             border-right: none;
 583             border-bottom-left-radius: 0 !important;
 584             border-bottom-right-radius: 0 !important;
 585             border-top-left-radius: 0 !important;
 586             border-top-right-radius: 0 !important;
 587             padding: 2px 10px;
 588
 589             display:block;
 590             float: left;
 591             visibility: visible;
 592             width: 180px;
 593
 594             font-size: 8pt;
 595             color: #4a4a4a;
 596             text-transform: uppercase;
 597         }
 598
 599         #cg_header ~ div form[action="/cgi-perl/doxbox-search"] input[type="submit"] {
 600             height: calc(35px + 6px);
 601             border: 1px solid #aaaaaa;
 602             border-left: none;
 603             border-radius: 0;
 604             border-top-right-radius: 25px;
 605             border-bottom-right-radius: 25px;
 606             padding: 2px 10px;
 607
 608             display:block;
 609             float: left;
 610             visibility: visible;
 611             width: 100px;
 612
 613             font-size: 8pt;
 614             color: #4a4a4a;
 615             text-transform: uppercase;
 616         }
 617
 618         /* Horrible selection Hacks */
 619         #cg_header ~ div form ~ div[style="float:left"] {
 620             position: absolute;
 621             right: 0;
 622             visibility: hidden;
 623         }
 624
 625         #cg_header ~ div form ~ div[style="float:left"] form {
 626             right: 0;
 627             z-index: 1000;
 628             visibility: visible;
 629         }
 630
 631         #cg_header ~ div form ~ div[style="float:left"] form input {
 632             height: calc(35px + 6px);
 633             border: 1px solid #aaaaaa;
 634             border-radius: 25px;
 635             padding: 2px 10px;
 636
 637             display:block;
 638             float: left;
 639             visibility: visible;
 640             width: 140px;
 641
 642             font-size: 8pt;
 643             color: #4a4a4a;
 644             text-transform: uppercase;
 645             top: -15px;
 646         }
 647
 648         #cg_header ~ div form ~ div[style="float:left;margin-left:0.75em;margin-top:0.1em"] {
 649             display: none;
 650         }
 651
 652         #cg_header ~ div form + div input[type="submit"] {
 653             height: calc(25px + 6px);
 654             border: 1px solid #4a4a4a;
 655             border-left: none;
 656             border-radius: 0;
 657             border-top-right-radius: 5px;
 658             border-bottom-right-radius: 5px;
 659             padding: 2px 10px;
 660
 661             display:block;
 662             float: left;
 663
 664             position: relative;
 665             top: -44px;
 666             left: 60px;
 667         }
 668
 669         #search_links {
 670             visibility: hidden;
 671             font-size: 1px;
 672             clear: both;
 673             text-indent: -100%;
 674         }
 675
 676         #search_links a {
 677             visibility: visible;
 678             color: #4a4a4a;
 679             margin: 0 5px;
 680         }
 681
 682         #search_links select {
 683             visibility: visible;
 684             width: 250px;
 685             height: 25px !important;
 686             margin-left: 5px;
 687         }
 688
 689         #search_links #savedsearches:before {
 690             content: "Saved Searches:";
 691             margin-left: 10px;
 692             margin-right: 0;
 693             font-weight: normal;
 694         }
 695
 696         #search_links #savedsearches {
 697             visibility: visible;
 698             margin-left: 10px;
 699         }
 700
 701         /* Clean Up - The Action Block */
 702         .innerblock {
 703             position: relative;
 704         }
 705
 706         .innerblock form[action="/cgi-perl/do-action"] {
 707                 visibility: hidden;
 708         }
 709
 710         .innerblock form[action="/cgi-perl/do-action"] select {
 711             position: absolute;
 712             top: -34px;
 713             left: 100px;
 714             visibility: visible;
 715         }
 716
 717         form[action="/cgi-perl/do-action"] p,
 718         form[action="/cgi-perl/do-action"] input[type="submit"] {
 719             display: none !important;
 720         }
 721
 722         /* Input Table */
 723         th.ui-state-highlight {
 724             background: none !important;
 725             color: #4a4a4a !important;
 726             text-transform: uppercase;
 727             white-space: nowrap;
 728         }
 729
 730         th.ui-state-highlight div {
 731             font-style: italic;
 732             font-size: 8pt;
 733             text-transform: none;
 734             white-space: normal;
 735             margin-top: 5px;
 736         }
 737
 738         /* Modal Dialog */
 739         .ui-dialog {
 740             border: none;
 741             border-radius: 0;
 742             padding: 0;
 743             box-shadow: 2px 8px 10px rgba(100,100,99,.45);
 744         }
 745
 746         .ui-dialog-titlebar {
 747             border: none;
 748             border-radius: 0;
 749             color: #ffffff;
 750             background: #b6bf11;
 751             background: -webkit-gradient(left top,right top,color-stop(0,#b6bf11),color-stop(52%,#5ba234),color-stop(100%,#207350));
 752             background: linear-gradient(to right,#b6bf11 0,#5ba234 52%,#207350 100%);
 753             text-transform: uppercase;
 754             height: 35px;
 755             line-height: 35px;
 756         }
 757
 758         .ui-dialog-titlebar-close {
 759             background: none !important;
 760             border: none;
 761             height: 25px !important;
 762             width: 25px !important;
 763             margin: 0 !important;
 764             top: calc(50% - 12px) !important;
 765             right: 12px !important;
 766         }
 767
 768         .ui-dialog-titlebar-close span {
 769             border: none;
 770         }
 771
 772         #dashboard-portlets {
 773             padding: 0;
 774             margin: 25px 15px 0 15px;;
 775         }
 776
 777         #dashboard-portlets fieldset {
 778             margin: 0;
 779             border: none;
 780         }
 781
 782         #dashboard-portlets label {
 783             font-size: 10pt;
 784             text-transform: uppercase;
 785             line-height: 15px;
 786         }
 787
 788         #dashboard-portlets input[type="checkbox"] {
 789             height: 15px;
 790             width: 15px;
 791             margin: 0;
 792         }
 793
 794         /* Analytics */
 795         #category_stats_portlet a {
 796             text-transform: uppercase;
 797             border: none;
 798             background: none;
 799             font-size: 10pt;
 800             font-weight: normal;
 801             color: #4a4a4a;
 802             padding: 0;
 803             margin: 10px 0 10px 0;
 804         }
 805
 806         #category_stats_portlet_data div div {
 807             border-radius: 5px;
 808             height: 15px !important;
 809             line-height: 20px !important;
 810         }
 811
 812         #category_stats_portlet_data div div:first-child {
 813             font-size: 10pt !important;
 814             text-transform: uppercase;
 815             font-family: "Open Sans Condensed"
 816         }
 817
 818         #category_stats_portlet div[id*="pending"],
 819         #category_stats_portlet div[id*="answered"],
 820         #category_stats_portlet div[id*="completed"]{
 821             height: 20px !important;
 822             border: 1px solid white;
 823             margin: 0 -1px;
 824             overflow: hidden;
 825             text-overflow: ellipsis;
 826             font-size: 6pt;
 827             color: white;
 828         }
 829
 830         #category_stats_portlet div[id*="pending"] {
 831             background-color: #EA7600 !important;
 832         }
 833
 834         #category_stats_portlet div[id*="pending"]::after {
 835             margin-left: 5px;
 836                 content: "Pending";
 837         }
 838
 839         #category_stats_portlet div[id*="answered"] {
 840             background-color: #FCCD00 !important;
 841         }
 842
 843         #category_stats_portlet div[id*="answered"]::after {
 844             margin-left: 5px;
 845                 content: "Answered";
 846         }
 847
 848         #category_stats_portlet div[id*="completed"] {
 849             background-color: #64a70B !important;
 850         }
 851
 852         #category_stats_portlet div[id*="completed"]::after {
 853             margin-left: 5px;
 854                 content: "Completed";
 855         }
 856
 857         /* Cluetips */
 858         #cluetip .cluetip-title {
 859             border: none;
 860             border-radius: 0;
 861             color: #ffffff;
 862             background: #b6bf11;
 863             background: -webkit-gradient(left top,right top,color-stop(0,#b6bf11),color-stop(52%,#5ba234),color-stop(100%,#207350));
 864             background: linear-gradient(to right,#b6bf11 0,#5ba234 52%,#207350 100%);
 865             text-transform: uppercase;
 866         }
 867
 868         #cluetip img {
 869             padding: 10px;
 870             margin: -9px;
 871             border: 0;
 872         }
 873
 874         /* Document details */
 875         div.innerblock div[style="width:100%"] table tr td:first-child {
 876             width: 100px;
 877         }
 878
 879         div.innerblock div[style="width:100%"] table tr td:first-child b {
 880             text-transform: uppercase;
 881             font-weight: normal !important;
 882             color: #4a4a4a;
 883         }
 884
 885         div.innerblock div[style="width:100%"] table pre.doccomment {
 886                 font-family: "Open Sans";
 887             font-style: italic;
 888         }
 889
 890         .category-browse-content > p {
 891             display: table;
 892             width: 100%;
 893             visibility: hidden;
 894             text-indent: -100%;
 895         }
 896
 897         .category-browse-content > p::before {
 898             content: "Releated Categories";
 899             display: table;
 900             visibility: visible;
 901             text-transform: uppercase;
 902             margin-bottom: 10px;
 903             text-indent: initial;
 904         }
 905
 906         .category-browse-content > p::after {
 907             content: "";
 908             clear: both;
 909             display: table;
 910         }
 911
 912         /* Buttons */
 913         /*
 914         button.ui-button-text-only {
 915             height: 30px;
 916
 917             background: #b6bf11 !important;
 918             background: -webkit-gradient(left top,right top,color-stop(0,#b6bf11),color-stop(52%,#5ba234),color-stop(100%,#207350)) !important;
 919             background: linear-gradient(to right,#b6bf11 0,#5ba234 52%,#207350 100%) !important;
 920             filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6bf11',endColorstr='#207350',GradientType=1) !important;
 921
 922             display: inline-block;
 923             border-radius: 15px;
 924             padding: 1px !important;
 925             margin: 5px 5px !important;
 926             border: none !important;
 927             color: black;
 928             box-shadow: 0 0 8px rgba(100,100,99,.5);
 929         }
 930
 931         button.ui-button-text-only span {
 932             color: #4a4a4a;
 933             z-index: 2;
 934
 935             position:relative !important;
 936             display: block;
 937             background: white;
 938             padding: 5px 15px !important;
 939             margin: 0 !important;
 940             border-radius: 15px;
 941             border: none !important;
 942         }
 943         */
 944
 945         /* Icon replacements */
 946         img[src="/images/doctypes/doc.gif"],
 947         img[src="/images/doctypes/docm.gif"],
 948         img[src="/images/doctypes/docx.gif"],
 949         img[src="/images/doctypes/dot.gif"],
 950         img[src="/images/doctypes/dotm.gif"],
 951         img[src="/images/doctypes/dotx.gif"],
 952         img[src="/images/doctypes/xls.gif"],
 953         img[src="/images/doctypes/xlsm.gif"],
 954         img[src="/images/doctypes/xlsx.gif"],
 955         img[src="/images/doctypes/xlt.gif"],
 956         img[src="/images/doctypes/xltm.gif"],
 957         img[src="/images/doctypes/xltx.gif"],
 958         img[src="/images/doctypes/pot.gif"],
 959         img[src="/images/doctypes/potm.gif"],
 960         img[src="/images/doctypes/potx.gif"],
 961         img[src="/images/doctypes/pps.gif"],
 962         img[src="/images/doctypes/ppsx.gif"],
 963         img[src="/images/doctypes/ppt.gif"],
 964         img[src="/images/doctypes/pptm.gif"],
 965         img[src="/images/doctypes/pptx.gif"],
 966         img[src="/images/doctypes/pdf.gif"],
 967         img[src="/images/doctypes/zip.gif"],
 968         img[src="/images/doctypes/mpp.gif"],
 969         img[src="/images/doctypes/txt.gif"],
 970         img[src="/images/doctypes/htm.gif"],
 971         img[src="/images/doctypes/html.gif"],
 972         img[src="/images/doctypes/eps.gif"],
 973         img[src="/images/doctypes/ai.gif"],
 974         img[src="/images/doctypes/wmf.gif"],
 975         img[src="/images/doctypes/dwg.gif"]/*,
 976         img[src="/images/locked-document.png"],
 977         img[src="/images/edit-doc.gif"],
 978         img[src="/images/magnify.gif"],
 979         img[src="/images/key.gif"]*/
 980         {
 981             width: 32px !important;
 982             height: 32px !important;
 983             padding-left: 32px;
 984             box-sizing: border-box;
 985                 display: inline-block;
 986                 background-size: 32px 32px;
 987                 background-image: url("https://image.flaticon.com/icons/png/128/136/136549.png");
 988         }
 989
 990         img[src="/images/doctypes/doc.gif"],
 991         img[src="/images/doctypes/docm.gif"],
 992         img[src="/images/doctypes/docx.gif"],
 993         img[src="/images/doctypes/dot.gif"],
 994         img[src="/images/doctypes/dotm.gif"],
 995         img[src="/images/doctypes/dotx.gif"] {
 996             background-image: url("https://image.flaticon.com/icons/png/128/136/136521.png");
 997         }
 998
 999         img[src="/images/doctypes/xls.gif"],
1000         img[src="/images/doctypes/xlsm.gif"],
1001         img[src="/images/doctypes/xlsx.gif"],
1002         img[src="/images/doctypes/xlt.gif"],
1003         img[src="/images/doctypes/xltm.gif"],
1004         img[src="/images/doctypes/xltx.gif"] {
1005             background-image: url("https://image.flaticon.com/icons/png/128/136/136532.png");
1006         }
1007
1008         img[src="/images/doctypes/pot.gif"],
1009         img[src="/images/doctypes/potm.gif"],
1010         img[src="/images/doctypes/potx.gif"],
1011         img[src="/images/doctypes/pps.gif"],
1012         img[src="/images/doctypes/ppsx.gif"],
1013         img[src="/images/doctypes/ppt.gif"],
1014         img[src="/images/doctypes/pptm.gif"],
1015         img[src="/images/doctypes/pptx.gif"] {
1016             background-image: url("https://image.flaticon.com/icons/png/128/136/136543.png");
1017         }
1018
1019         img[src="/images/doctypes/mpp.gif"] {
1020             background-image: url("https://image.flaticon.com/icons/png/128/136/136538.png");
1021         }
1022
1023         img[src="/images/doctypes/vsd.gif"],
1024         img[src="/images/doctypes/vsdm.gif"],
1025         img[src="/images/doctypes/vsdx.gif"],
1026         img[src="/images/doctypes/vssm.gif"],
1027         img[src="/images/doctypes/vssx.gif"],
1028         img[src="/images/doctypes/vstm.gif"],
1029         img[src="/images/doctypes/vstx.gif"] {
1030             background-image: url("https://image.flaticon.com/icons/png/128/136/136537.png");
1031         }
1032
1033         img[src="/images/doctypes/pdf.gif"] {
1034             background-image: url("https://image.flaticon.com/icons/png/128/136/136522.png");
1035         }
1036
1037         img[src="/images/doctypes/txt.gif"] {
1038             background-image: url("https://image.flaticon.com/icons/png/128/136/136538.png");
1039         }
1040
1041         img[src="/images/doctypes/htm.gif"],
1042         img[src="/images/doctypes/html.gif"] {
1043             background-image: url("https://image.flaticon.com/icons/png/128/136/136528.png");
1044         }
1045
1046         img[src="/images/doctypes/zip.gif"] {
1047             background-image: url("https://image.flaticon.com/icons/png/128/136/136544.png");
1048         }
1049
1050         img[src="/images/doctypes/eps.gif"],
1051         img[src="/images/doctypes/ai.gif"],
1052         img[src="/images/doctypes/wmf.gif"],
1053         img[src="/images/doctypes/dwg.gif"] {
1054             background-image: url("https://image.flaticon.com/icons/png/128/136/136537.png");
1055         }
1056
1057         /*
1058         img[src="/images/locked-document.png"] {
1059             background-image: url("https://dl.dropboxusercontent.com/u/9802031/Icons/lock_edit.png");
1060         }
1061
1062         img[src="/images/edit-doc.gif"] {
1063             background-image: url("https://dl.dropboxusercontent.com/u/9802031/Icons/page_white_edit.png");
1064         }
1065
1066         img[src="/images/magnify.gif"] {
1067             background-image: url("https://dl.dropboxusercontent.com/u/9802031/Icons/folder_magnify.png");
1068         }
1069
1070         img[src="/images/key.gif"] {
1071             background-image: url("https://dl.dropboxusercontent.com/u/9802031/Icons/key.png");
1072         }
1073         */
1074
1075         tt[style="background:#cccccc"] {
1076             margin: 0;
1077             padding: 0;
1078             background: none !important;
1079             display: inline-block;
1080         }
1081
1082         tt[style="background:#cccccc"]::after {
1083             display: inline-block;
1084             content: "";
1085             height: 16px;
1086             width: 16px;
1087             margin-top: 2px;
1088             background-image: url("https://dl.dropboxusercontent.com/u/9802031/Icons/folder_go.png");
1089         }
1090
1091         tt[style="background:#cccccc"] b {
1092             display:none;
1093         }
1094 }