]> git.rmz.io Git - dotfiles.git/blobdiff - qutebrowser/css/ultrahaptics_cdox_net.user.css
Backup UH
[dotfiles.git] / qutebrowser / css / ultrahaptics_cdox_net.user.css
diff --git a/qutebrowser/css/ultrahaptics_cdox_net.user.css b/qutebrowser/css/ultrahaptics_cdox_net.user.css
new file mode 100644 (file)
index 0000000..b797dd3
--- /dev/null
@@ -0,0 +1,1094 @@
+/* ==UserStyle==
+@name          Example UserCSS style
+@namespace     https://gitlab.ultrahaptics.com/common/css_cognidox
+@homepageURL   https://gitlab.ultrahaptics.com/common/css_cognidox
+@version       1.0.0
+@license       unlicense
+@author        Robert Blenkinsopp <robert@ultrahaptics.com>
+@updateURL     https://gitlab.ultrahaptics.com/common/css_cognidox/raw/master/ultrahaptics_cdox_net.user.css
+@preprocessor  uso 
+==/UserStyle== */
+
+@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:400,400i,700,700i|Source+Code+Pro:400,700';
+
+@-moz-document domain("ultrahaptics.cdox.net") {
+       
+       html {
+           background-color: white;
+       }
+       
+       head {
+           margin: 0;
+       }
+       
+       body {
+           padding: 0;
+           margin: 0;
+           margin-bottom: -50px;
+       
+           font-family: 'Open Sans', sans-serif;
+           background: none;
+       }
+       
+       pre {
+           font-family: 'Source Code Pro', monospace;
+           font-size: 10pt;
+       }
+       
+       #mainbody {
+           margin: 0 auto;
+           margin-bottom: -50px !important;
+           max-width: 1200px;
+           padding-top: 100px;
+           min-height: calc(100% - 100px) !important;
+       }
+       
+       .column {
+           padding-bottom: 10px;
+       }
+       
+       .ui-widget {
+           font-family: "Open Sans";
+       }
+       
+       .ui-widget-header {
+           background-color: #28724f;
+           background-image: none;
+           font-weight: normal;
+       }
+       
+       #dashboard {
+           padding: 0 15px;
+       }
+       
+       #cg_header {
+           top: 0;
+           left: 0;
+           z-index: 1000;
+           position: fixed;
+           margin: 0;
+           padding: 10px;
+           background-color: white;
+       
+           margin-bottom: 20px;
+           box-shadow: 0 4px 8px rgba(100,100,99,.15);
+       }
+       
+       #cg_header > div{
+           line-height: 50px;
+           padding-right: 15px;
+       }
+       
+       #cg_header button {
+           border: none;
+           background: none;
+           text-transform: uppercase;
+           font-size: 10pt;
+       }
+       
+       #cg_header button:last-child {
+           height: 50px;
+           content: "";
+       
+           background: #b6bf11;
+           background: -webkit-gradient(left top,right top,color-stop(0,#b6bf11),color-stop(52%,#5ba234),color-stop(100%,#207350));
+           background: linear-gradient(to right,#b6bf11 0,#5ba234 52%,#207350 100%);
+       
+           display: block;
+           border-radius: 24px;
+           padding: 0 10px;
+           margin: 0 10px;
+               color: white;
+           box-shadow: 0 0 8px rgba(100,100,99,.5);
+       }
+       
+       
+       #cg_header button:last-child:after {
+           display: block;
+           content: 'Logout';
+           position: absolute;
+           z-index: 2;
+           background: white;
+           width: calc(100% - 2px);
+           height: calc(100% - 2px);
+           top: 1px;
+           left: 1px;
+           border-radius: 25px;
+           opacity: 1;
+           color: #4a4a4a;
+           transition: opacity .3s ease;
+           line-height: 48px;
+       }
+       
+       #cg_header button:last-child:hover:after {
+           opacity: 0;
+               transition: opacity .3s ease;
+       }
+       
+       h1#pagetitle {
+           width: 340px;
+           background-image: url("https://www.ultrahaptics.com/wp-content/themes/ultrahaptics/images/logo_full.svg");
+       }
+       
+       h1#pagetitle span{
+           color: #4a4a4a;
+               font-family: "Open Sans Condensed";
+           font-weight: normal !important;
+           margin-left: 200px;
+       }
+       
+       #cg_footer {
+           height: 50px;
+           line-height: 50px;
+           background: #b6bf11;
+           background: -webkit-gradient(left top,right top,color-stop(0,#b6bf11),color-stop(52%,#5ba234),color-stop(100%,#207350));
+           background: linear-gradient(to right,#b6bf11 0,#5ba234 52%,#207350 100%);
+           border: none;
+       }
+       
+       #cg_footer span:first-child {
+           display: none;
+       }
+       
+       #cg_footer span {
+           width: 100% !important;
+           text-align: center !important;
+           font-weight: normal;
+           font-size: 10pt;
+           font-family: "Open Sans";
+           text-transform: uppercase;
+           visibility: hidden;
+       }
+       
+       #cg_footer span a {
+           visibility: visible;
+               text-decoration: none;
+       }
+       
+       #cg_footer span a:first-child:before {
+               content: "COPYRIGHT 2017 ULTRAHAPTICS - ALL RIGHTS RESERVED";
+           margin-right: 100px;
+       }
+       
+       #cg_footer span a:before {
+               content: "/";
+           margin-right: 18px;
+           margin-left: 5px;
+           text-decoration: none;
+       }
+       
+       #cg_footer span a:hover:before {
+           display: inline-block;
+           text-decoration: none;
+       }
+       
+       #cg_footer span a:hover {
+               text-decoration: underline;
+       }
+       
+       /* Hide the really a bad icons for now */
+       .tablehead img {
+           display: none;
+       }
+       
+       /* Might be a bit far reaching */
+       img[src="/images/part-details.png"],
+       img[src="/images/documents.png"],
+       img[src="/images/folder.png"],
+       img[src="/images/actions.png"] {
+           display: none;
+       }
+       
+       .portlet {
+           border-radius: 0;
+           overflow: hidden;
+           border: none;
+           margin-bottom: 11px;
+       }
+       
+       .portlet::after {
+           content: '';
+           background: #b6bf11;
+           background: -webkit-gradient(left top,right top,color-stop(0,#b6bf11),color-stop(52%,#5ba234),color-stop(100%,#207350));
+           background: linear-gradient(to right,#b6bf11 0,#5ba234 52%,#207350 100%);
+           display: block;
+           width: 100%;
+           height: 1px;
+       }
+       
+       
+       .portlet-header {
+           background: white;
+           font-family: "Open Sans";
+           text-transform: uppercase;
+           
+           margin: 0;
+           border-radius: 0;
+           border: none;
+           color: #4a4a4a;
+           padding: 15px 10px 5px 10px;
+           font-size: 12pt;
+       }
+       
+       .portlet-content {
+           float: none;
+       }
+       
+       .portlet-content::after {
+           content: "";
+           clear: both;
+           display: table;
+       }
+       
+       .portlet-actions {
+               float: right;
+           padding: 5px 5px 0px 5px;
+           margin-top: 0;
+           border-top: none;
+       }
+       
+       .portlet-actions a {
+           text-transform: uppercase;
+           font-size: 7pt;
+       }
+       
+       /* Search */
+       #cg_header ~ div.ui-widget, #cg_header + div div.ui-widget {
+           margin: 0 15px 0 15px;
+           border-radius: 0;
+           overflow: hidden;
+           border: none;
+       }
+       
+       #cg_header ~ div.ui-widget div.ui-widget-header, #cg_header + div div.ui-widget div.ui-widget-header {
+           background: white;
+           padding: 5px 10px 10px 10px;
+           font-family: "Open Sans";
+           font-size: 12pt;
+           text-transform: uppercase;
+           color: #4a4a4a;
+           border: none;
+       }
+       
+       #cg_header ~ div.ui-widget div.ui-widget-content, #cg_header + div div.ui-widget div.ui-widget-content {
+           border: none;
+       }
+       
+       #cg_header + div div.ui-widget div.ui-widget-content .innerblock,
+       #cg_header + div div.ui-widget div.ui-widget-content,
+       #cg_header ~ div.ui-widget div.ui-widget-content .innerblock,
+       #cg_header ~ div.ui-widget div.ui-widget-content {
+           padding: 12px !important;
+       }
+       
+       #cg_header ~ div.ui-widget::after, #cg_header + div div.ui-widget::after {
+           content: '';
+           background: #b6bf11;
+           background: -webkit-gradient(left top,right top,color-stop(0,#b6bf11),color-stop(52%,#5ba234),color-stop(100%,#207350));
+           background: linear-gradient(to right,#b6bf11 0,#5ba234 52%,#207350 100%);
+           display: block;
+           width: 100%;
+           height: 1px;
+       }
+       
+       div#cg_footer {
+           margin: 0;
+           border-radius: 0;
+       }
+       
+       #topsearch {
+           width: 250px;
+       }
+       
+       #topsearch form {
+           width: 220px;
+           height: 35px;
+           border: none;
+           background: none;
+           padding: 0;
+           margin: 0 20px;
+       }
+       
+       #topsearch form input {
+           -webkit-appearance: none;
+           -moz-appearance: none;
+           background: #ededed;
+           border: none;
+           width: calc(100% - 20px);
+               height: 100%;
+           font-family: "Open Sans";
+           font-size: 10pt;
+           padding: 0 10px 0 10px;
+       }
+       
+       #topsearch form::after {
+           content: '';
+           background: #f1cd00;
+           background: -webkit-gradient(left top,right top,color-stop(0,#f1cd00),color-stop(52%,#ef9402),color-stop(100%,#ea7806));
+           background: linear-gradient(to right,#f1cd00 0,#ef9402 52%,#ea7806 100%);
+           display: block;
+           width: 100%;
+           height: 2px;
+           position: relative;
+           top: -9px;
+       }
+       
+       table.subcategorytable td,
+       table.subcategorytable tr,
+       table.subcategorytable tbody {
+           display: inline;
+       }
+       
+       table.subcategorytable folderlist li {
+           display: block;
+       }
+       
+       .librarymaintitle div.ui-state-default, .folderitem {
+           text-transform: uppercase;
+           border: none;
+           background: none;
+           clear: both;
+       
+           font-size: 10pt;
+           font-weight: normal;
+           float: left;
+       }
+       
+       .librarymaintitle div.ui-state-default a, .folderitem a {
+           color: #4a4a4a;
+           
+           visibility: visible;
+           display: block;
+       
+           text-indent: 0;
+           white-space: normal;
+           overflow: visible;
+       
+           float: left;
+           border-radius: 5px;
+           padding: 5px 10px;
+           margin: 3px;
+           background-color: #ededed;
+           text-decoration: none;
+           font-size: 9pt;
+           
+           
+       }
+       
+       .folderlist {
+           list-style-image: none;
+           list-style-type: none;
+       }
+       
+       .folderlist li {
+           display: block;
+           clear: none;
+           margin: 0;
+       }
+       
+       .folderlist li a {
+           margin: 3px;
+           text-transform: none;
+       }
+       
+       .folderitem::after {
+           content: "";
+           clear: both;
+           display: table;
+       }
+       
+       .folderitem a {
+           visibility: visible;
+           text-indent: 0;
+           display: block;
+           float: left;
+           margin: 20px 0px 10px 0px;
+           text-decoration: none;
+       }
+       
+       .folderitem br {
+           display: none;
+       }
+       
+       .catlist, .subcategorytable {
+           /*visibility: hidden*/;
+           font-size: 1px !important;
+           clear: both;
+           text-indent: -100%;
+       }
+       
+       #CogniDoxBookmarkedCategories_1 .portlet-content{
+           visibility: hidden;
+       }
+       
+       /* TODO: Company Categories */
+       
+       ul.folderlist a {
+           display: block;
+           float: none;
+           clear: none;
+       }
+       
+       ul.folderlist small {
+           font-size: 0px !important;
+           float: left;
+       }
+       
+       ul.folderlist small a {
+           visibility: visible;
+           display: block;
+       
+           text-indent: 0;
+           white-space: normal;
+           overflow: visible;
+       
+           float: left;
+           font-size: 9pt;
+           text-transform: none;
+       }
+       
+       .catlist a, .subcategorytable small a, p a[href^="/cgi-perl/browse-categories?id="],
+       div.innerblock div[style="width:100%"] table a[href^="/cgi-perl/browse-categories?id="] {
+           visibility: visible;
+           display: block;
+       
+           text-indent: 0;
+           white-space: normal;
+           overflow: visible;
+       
+           float: left;
+           border-radius: 5px;
+           padding: 5px 10px;
+           margin: 3px;
+           background-color: #ededed;
+           text-decoration: none;
+           font-size: 9pt;
+       }
+       
+       div.innerblock div[style="width:100%"] table a[href^="/cgi-perl/browse-categories?id="] {
+           clear: both;
+           margin-left: 0;
+           margin-right: 0;
+       }
+       
+       div.innerblock div[style="width:100%"] table a[href^="/cgi-perl/browse-categories?id="]:first-child {
+               margin-top: 0;
+       }
+       
+       .tablelinks {
+           visibility: hidden;
+       }
+       
+       .tablelinks a {
+           visibility: visible;
+           color: #4a4a4a;
+           font-weight: normal !important;
+       }
+       
+       .catlist:empty::after, .subcategorytable:empty::after {
+           Content: "No Sub Categories";
+           visibility: visible;
+           display: block;
+       
+           text-indent: 0;
+           white-space: normal;
+           overflow: visible;
+       
+           float: left;
+           border-radius: 5px;
+           padding: 0px 10px;
+           margin: 0 3px;
+           text-decoration: none;
+           font-style: italic;
+           color: #4a4a4a;
+           font-size: 9pt;
+       }
+       
+       
+       /* Need to consider this a bit more for forms etc */
+       .ui-state-highlight {
+           padding: 8px !important;
+           border: none !important;
+           border-radius: 5px;
+           background: #f1cd00 !important;
+           background: -webkit-gradient(left top,right top,color-stop(0,#f1cd00),color-stop(52%,#ef9402),color-stop(100%,#ea7806)) !important;
+           background: linear-gradient(to right,#f1cd00 0,#ef9402 52%,#ea7806 100%) !important;
+           color: white !important;
+       }
+       
+       table.documenttable,
+       div.innerblock table {
+           border: none;
+           border-collapse: collapse;
+       }
+       
+       table.documenttable th, th.divline,
+       div.innerblock table th, th.divline {
+           background-color: #ededed;
+           border-bottom: 1px solid #4a4a4a;
+           text-transform: uppercase;
+           font-size: 10pt;
+           padding: 10px;
+       }
+       
+       table.documenttable td,
+       div.innerblock table {
+           font-size: 10pt;
+           padding: 10px;
+       }
+       
+       th.divline div {
+           background: none;
+       }
+       
+       #cg_header ~ div form[action="/cgi-perl/doxbox-search"] {
+           visibility: hidden;
+           height: 0;
+           margin-top: -15px;
+           width: 100%;
+           clear: both;
+           text-indent: -100%;
+       }
+       
+       #cg_header ~ div form[action="/cgi-perl/doxbox-search"] input[type="text"] {
+           -webkit-appearance: none;
+           -moz-appearance: none;
+           height: 35px;
+           border: 1px solid #aaaaaa;
+           border-right: none;
+           border-top-left-radius: 25px;
+           border-bottom-left-radius: 25px;
+           padding: 2px 15px;
+       
+           display:block;
+           float: left;
+           visibility: visible;
+           
+           font-size: 14pt;
+           color: #4a4a4a;
+           
+           width: calc(100% - 459px);
+           
+           outline-width: 0;
+       }
+       
+       #cg_header ~ div form[action="/cgi-perl/doxbox-search"] select{
+           -webkit-appearance: none;
+           -moz-appearance: none;
+           height: calc(35px + 6px);
+           border-top: 1px solid #aaaaaa;
+           border-bottom: 1px solid #aaaaaa;
+           border-left: none;
+           border-right: none;
+           border-bottom-left-radius: 0 !important;
+           border-bottom-right-radius: 0 !important;
+           border-top-left-radius: 0 !important;
+           border-top-right-radius: 0 !important;
+           padding: 2px 10px;
+       
+           display:block;
+           float: left;
+           visibility: visible;
+           width: 180px;
+           
+           font-size: 8pt;
+           color: #4a4a4a;
+           text-transform: uppercase;
+       }
+       
+       #cg_header ~ div form[action="/cgi-perl/doxbox-search"] input[type="submit"] {
+           height: calc(35px + 6px);
+           border: 1px solid #aaaaaa;
+           border-left: none;
+           border-radius: 0;
+           border-top-right-radius: 25px;
+           border-bottom-right-radius: 25px;
+           padding: 2px 10px;
+       
+           display:block;
+           float: left;
+           visibility: visible;
+           width: 100px;
+           
+           font-size: 8pt;
+           color: #4a4a4a;
+           text-transform: uppercase;
+       }
+       
+       /* Horrible selection Hacks */
+       #cg_header ~ div form ~ div[style="float:left"] {
+           position: absolute;
+           right: 0;
+           visibility: hidden;
+       }
+       
+       #cg_header ~ div form ~ div[style="float:left"] form {
+           right: 0;
+           z-index: 1000;
+           visibility: visible;
+       }
+       
+       #cg_header ~ div form ~ div[style="float:left"] form input {
+           height: calc(35px + 6px);
+           border: 1px solid #aaaaaa;
+           border-radius: 25px;
+           padding: 2px 10px;
+       
+           display:block;
+           float: left;
+           visibility: visible;
+           width: 140px;
+           
+           font-size: 8pt;
+           color: #4a4a4a;
+           text-transform: uppercase;
+           top: -15px;
+       }
+       
+       #cg_header ~ div form ~ div[style="float:left;margin-left:0.75em;margin-top:0.1em"] {
+           display: none;
+       }
+       
+       #cg_header ~ div form + div input[type="submit"] {
+           height: calc(25px + 6px);
+           border: 1px solid #4a4a4a;
+           border-left: none;
+           border-radius: 0;
+           border-top-right-radius: 5px;
+           border-bottom-right-radius: 5px;
+           padding: 2px 10px;
+       
+           display:block;
+           float: left;
+       
+           position: relative;
+           top: -44px;
+           left: 60px;
+       }
+       
+       #search_links {
+           visibility: hidden;
+           font-size: 1px;
+           clear: both;
+           text-indent: -100%;
+       }
+       
+       #search_links a {
+           visibility: visible;
+           color: #4a4a4a;
+           margin: 0 5px;
+       }
+       
+       #search_links select {
+           visibility: visible;
+           width: 250px;
+           height: 25px !important;
+           margin-left: 5px;
+       }
+       
+       #search_links #savedsearches:before {
+           content: "Saved Searches:";
+           margin-left: 10px;
+           margin-right: 0;
+           font-weight: normal;
+       }
+       
+       #search_links #savedsearches {
+           visibility: visible;
+           margin-left: 10px;
+       }
+       
+       /* Clean Up - The Action Block */
+       .innerblock {
+           position: relative;
+       }
+       
+       .innerblock form[action="/cgi-perl/do-action"] {
+               visibility: hidden;
+       }
+       
+       .innerblock form[action="/cgi-perl/do-action"] select {
+           position: absolute;
+           top: -34px;
+           left: 100px;
+           visibility: visible;
+       }
+       
+       form[action="/cgi-perl/do-action"] p,
+       form[action="/cgi-perl/do-action"] input[type="submit"] {
+           display: none !important;
+       }
+       
+       /* Input Table */
+       th.ui-state-highlight {
+           background: none !important;
+           color: #4a4a4a !important;
+           text-transform: uppercase;
+           white-space: nowrap;
+       }
+       
+       th.ui-state-highlight div {
+           font-style: italic;
+           font-size: 8pt;
+           text-transform: none;
+           white-space: normal;
+           margin-top: 5px;
+       }
+       
+       /* Modal Dialog */
+       .ui-dialog {
+           border: none;
+           border-radius: 0;
+           padding: 0;
+           box-shadow: 2px 8px 10px rgba(100,100,99,.45);
+       }
+       
+       .ui-dialog-titlebar {
+           border: none;
+           border-radius: 0;
+           color: #ffffff;
+           background: #b6bf11;
+           background: -webkit-gradient(left top,right top,color-stop(0,#b6bf11),color-stop(52%,#5ba234),color-stop(100%,#207350));
+           background: linear-gradient(to right,#b6bf11 0,#5ba234 52%,#207350 100%);
+           text-transform: uppercase;
+           height: 35px;
+           line-height: 35px;
+       }
+       
+       .ui-dialog-titlebar-close {
+           background: none !important;
+           border: none;
+           height: 25px !important;
+           width: 25px !important;
+           margin: 0 !important;
+           top: calc(50% - 12px) !important;
+           right: 12px !important;
+       }
+       
+       .ui-dialog-titlebar-close span {
+           border: none;
+       }
+       
+       #dashboard-portlets {
+           padding: 0;
+           margin: 25px 15px 0 15px;;
+       }
+       
+       #dashboard-portlets fieldset {
+           margin: 0;
+           border: none;
+       }
+       
+       #dashboard-portlets label {
+           font-size: 10pt;
+           text-transform: uppercase;
+           line-height: 15px;
+       }
+       
+       #dashboard-portlets input[type="checkbox"] {
+           height: 15px;
+           width: 15px;
+           margin: 0;
+       }
+       
+       /* Analytics */
+       #category_stats_portlet a {
+           text-transform: uppercase;
+           border: none;
+           background: none;
+           font-size: 10pt;
+           font-weight: normal;
+           color: #4a4a4a;
+           padding: 0;
+           margin: 10px 0 10px 0;
+       }
+       
+       #category_stats_portlet_data div div {
+           border-radius: 5px;
+           height: 15px !important;
+           line-height: 20px !important;
+       }
+       
+       #category_stats_portlet_data div div:first-child {
+           font-size: 10pt !important;
+           text-transform: uppercase;
+           font-family: "Open Sans Condensed"
+       }
+       
+       #category_stats_portlet div[id*="pending"],
+       #category_stats_portlet div[id*="answered"],
+       #category_stats_portlet div[id*="completed"]{
+           height: 20px !important;
+           border: 1px solid white;
+           margin: 0 -1px;
+           overflow: hidden;
+           text-overflow: ellipsis;
+           font-size: 6pt;
+           color: white;
+       }
+       
+       #category_stats_portlet div[id*="pending"] {
+           background-color: #EA7600 !important;
+       }
+       
+       #category_stats_portlet div[id*="pending"]::after {
+           margin-left: 5px;
+               content: "Pending";
+       }
+       
+       #category_stats_portlet div[id*="answered"] {
+           background-color: #FCCD00 !important;
+       }
+       
+       #category_stats_portlet div[id*="answered"]::after {
+           margin-left: 5px;
+               content: "Answered";
+       }
+       
+       #category_stats_portlet div[id*="completed"] {
+           background-color: #64a70B !important;       
+       }
+       
+       #category_stats_portlet div[id*="completed"]::after {
+           margin-left: 5px;
+               content: "Completed";
+       }
+       
+       /* Cluetips */
+       #cluetip .cluetip-title {
+           border: none;
+           border-radius: 0;
+           color: #ffffff;
+           background: #b6bf11;
+           background: -webkit-gradient(left top,right top,color-stop(0,#b6bf11),color-stop(52%,#5ba234),color-stop(100%,#207350));
+           background: linear-gradient(to right,#b6bf11 0,#5ba234 52%,#207350 100%);
+           text-transform: uppercase;
+       }
+       
+       #cluetip img {
+           padding: 10px;
+           margin: -9px;
+           border: 0;
+       }
+       
+       /* Document details */
+       div.innerblock div[style="width:100%"] table tr td:first-child {
+           width: 100px;
+       }
+       
+       div.innerblock div[style="width:100%"] table tr td:first-child b {
+           text-transform: uppercase;
+           font-weight: normal !important;
+           color: #4a4a4a;
+       }
+       
+       div.innerblock div[style="width:100%"] table pre.doccomment {
+               font-family: "Open Sans";
+           font-style: italic;
+       }
+       
+       .category-browse-content > p {
+           display: table;
+           width: 100%;
+           visibility: hidden;
+           text-indent: -100%;
+       }
+       
+       .category-browse-content > p::before {
+           content: "Releated Categories";
+           display: table;
+           visibility: visible;
+           text-transform: uppercase;
+           margin-bottom: 10px;
+           text-indent: initial;
+       }
+       
+       .category-browse-content > p::after {
+           content: "";
+           clear: both;
+           display: table;
+       }
+       
+       /* Buttons */
+       /*
+       button.ui-button-text-only {
+           height: 30px;
+       
+           background: #b6bf11 !important;
+           background: -webkit-gradient(left top,right top,color-stop(0,#b6bf11),color-stop(52%,#5ba234),color-stop(100%,#207350)) !important;
+           background: linear-gradient(to right,#b6bf11 0,#5ba234 52%,#207350 100%) !important;
+           filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6bf11',endColorstr='#207350',GradientType=1) !important;
+       
+           display: inline-block;
+           border-radius: 15px;
+           padding: 1px !important;
+           margin: 5px 5px !important;
+           border: none !important;
+           color: black;
+           box-shadow: 0 0 8px rgba(100,100,99,.5);
+       }
+       
+       button.ui-button-text-only span {
+           color: #4a4a4a;
+           z-index: 2;
+           
+           position:relative !important;
+           display: block;
+           background: white;
+           padding: 5px 15px !important;
+           margin: 0 !important;
+           border-radius: 15px;
+           border: none !important;
+       }
+       */
+       
+       /* Icon replacements */
+       img[src="/images/doctypes/doc.gif"],
+       img[src="/images/doctypes/docm.gif"],
+       img[src="/images/doctypes/docx.gif"],
+       img[src="/images/doctypes/dot.gif"],
+       img[src="/images/doctypes/dotm.gif"],
+       img[src="/images/doctypes/dotx.gif"],
+       img[src="/images/doctypes/xls.gif"],
+       img[src="/images/doctypes/xlsm.gif"],
+       img[src="/images/doctypes/xlsx.gif"],
+       img[src="/images/doctypes/xlt.gif"],
+       img[src="/images/doctypes/xltm.gif"],
+       img[src="/images/doctypes/xltx.gif"],
+       img[src="/images/doctypes/pot.gif"],
+       img[src="/images/doctypes/potm.gif"],
+       img[src="/images/doctypes/potx.gif"],
+       img[src="/images/doctypes/pps.gif"],
+       img[src="/images/doctypes/ppsx.gif"],
+       img[src="/images/doctypes/ppt.gif"],
+       img[src="/images/doctypes/pptm.gif"],
+       img[src="/images/doctypes/pptx.gif"],
+       img[src="/images/doctypes/pdf.gif"],
+       img[src="/images/doctypes/zip.gif"],
+       img[src="/images/doctypes/mpp.gif"],
+       img[src="/images/doctypes/txt.gif"],
+       img[src="/images/doctypes/htm.gif"],
+       img[src="/images/doctypes/html.gif"],
+       img[src="/images/doctypes/eps.gif"],
+       img[src="/images/doctypes/ai.gif"], 
+       img[src="/images/doctypes/wmf.gif"],
+       img[src="/images/doctypes/dwg.gif"]/*,
+       img[src="/images/locked-document.png"],
+       img[src="/images/edit-doc.gif"],
+       img[src="/images/magnify.gif"],
+       img[src="/images/key.gif"]*/
+       {
+           width: 32px !important;
+           height: 32px !important;
+           padding-left: 32px;
+           box-sizing: border-box;
+               display: inline-block;
+               background-size: 32px 32px;
+               background-image: url("https://image.flaticon.com/icons/png/128/136/136549.png");
+       }
+       
+       img[src="/images/doctypes/doc.gif"],
+       img[src="/images/doctypes/docm.gif"],
+       img[src="/images/doctypes/docx.gif"],
+       img[src="/images/doctypes/dot.gif"],
+       img[src="/images/doctypes/dotm.gif"],
+       img[src="/images/doctypes/dotx.gif"] {
+           background-image: url("https://image.flaticon.com/icons/png/128/136/136521.png");
+       }
+       
+       img[src="/images/doctypes/xls.gif"],
+       img[src="/images/doctypes/xlsm.gif"],
+       img[src="/images/doctypes/xlsx.gif"],
+       img[src="/images/doctypes/xlt.gif"],
+       img[src="/images/doctypes/xltm.gif"],
+       img[src="/images/doctypes/xltx.gif"] {
+           background-image: url("https://image.flaticon.com/icons/png/128/136/136532.png");
+       }
+       
+       img[src="/images/doctypes/pot.gif"],
+       img[src="/images/doctypes/potm.gif"],
+       img[src="/images/doctypes/potx.gif"],
+       img[src="/images/doctypes/pps.gif"],
+       img[src="/images/doctypes/ppsx.gif"],
+       img[src="/images/doctypes/ppt.gif"],
+       img[src="/images/doctypes/pptm.gif"],
+       img[src="/images/doctypes/pptx.gif"] {
+           background-image: url("https://image.flaticon.com/icons/png/128/136/136543.png");
+       }
+       
+       img[src="/images/doctypes/mpp.gif"] {
+           background-image: url("https://image.flaticon.com/icons/png/128/136/136538.png");
+       }
+       
+       img[src="/images/doctypes/vsd.gif"],
+       img[src="/images/doctypes/vsdm.gif"],
+       img[src="/images/doctypes/vsdx.gif"],
+       img[src="/images/doctypes/vssm.gif"],
+       img[src="/images/doctypes/vssx.gif"],
+       img[src="/images/doctypes/vstm.gif"],
+       img[src="/images/doctypes/vstx.gif"] {
+           background-image: url("https://image.flaticon.com/icons/png/128/136/136537.png");
+       }
+       
+       img[src="/images/doctypes/pdf.gif"] {
+           background-image: url("https://image.flaticon.com/icons/png/128/136/136522.png");
+       }
+       
+       img[src="/images/doctypes/txt.gif"] {
+           background-image: url("https://image.flaticon.com/icons/png/128/136/136538.png");
+       }
+       
+       img[src="/images/doctypes/htm.gif"], 
+       img[src="/images/doctypes/html.gif"] {
+           background-image: url("https://image.flaticon.com/icons/png/128/136/136528.png");
+       }
+
+       img[src="/images/doctypes/zip.gif"] {
+           background-image: url("https://image.flaticon.com/icons/png/128/136/136544.png");
+       }
+
+       img[src="/images/doctypes/eps.gif"],
+       img[src="/images/doctypes/ai.gif"], 
+       img[src="/images/doctypes/wmf.gif"],
+       img[src="/images/doctypes/dwg.gif"] {
+           background-image: url("https://image.flaticon.com/icons/png/128/136/136537.png");
+       }
+       
+       /*
+       img[src="/images/locked-document.png"] {
+           background-image: url("https://dl.dropboxusercontent.com/u/9802031/Icons/lock_edit.png");
+       }
+       
+       img[src="/images/edit-doc.gif"] {
+           background-image: url("https://dl.dropboxusercontent.com/u/9802031/Icons/page_white_edit.png");
+       }
+       
+       img[src="/images/magnify.gif"] {
+           background-image: url("https://dl.dropboxusercontent.com/u/9802031/Icons/folder_magnify.png");
+       }
+
+       img[src="/images/key.gif"] {
+           background-image: url("https://dl.dropboxusercontent.com/u/9802031/Icons/key.png");
+       }
+       */
+       
+       tt[style="background:#cccccc"] {
+           margin: 0;
+           padding: 0;
+           background: none !important;
+           display: inline-block;
+       }
+       
+       tt[style="background:#cccccc"]::after {
+           display: inline-block;
+           content: "";
+           height: 16px;
+           width: 16px;
+           margin-top: 2px;
+           background-image: url("https://dl.dropboxusercontent.com/u/9802031/Icons/folder_go.png");
+       }
+       
+       tt[style="background:#cccccc"] b {
+           display:none;
+       }
+}
\ No newline at end of file