X-Git-Url: https://git.rmz.io/dotfiles.git/blobdiff_plain/f11b95c457d4a1b7a3bd1625a12c1ee848a3ffe1..909aee5f8d2362e092bbac90e3292eb4800537df:/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 index 0000000..b797dd3 --- /dev/null +++ b/qutebrowser/css/ultrahaptics_cdox_net.user.css @@ -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 +@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