--- /dev/null
+/* ==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