Portal skin for Firefox

userContent.css

/*
The MIT License (MIT)

Portal Lite Skin for Firefox v1.2
Copyright (c) 2015 - 2016 James Dunn

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

Installation instructions (README):
Save this file to the following path, substituting your USERNAME and FOO (a random folder name, should be the only one):
C:\Users\USERNAME\AppData\Roaming\Mozilla\Firefox\Profiles\FOO.default\chrome\userContent.css
*/

@-moz-document domain(intranet.netfor.net) {
	body {
		font-family: Arial, sans-serif !important; /* A more readable typeface */
		font-size: 80% !important; /* Larger fonts are easier on the eyes */
	}

	.Ticket_table th, span.formlabel { /* SO Field Labels */
		font-weight: 400 !important;
		text-align: right !important;
		padding-right: 5px !important;
	}

	td.TicketSpacer, td.ToggleSpacer {
		border: none !important;
		height: 10px !important; /* Whitespace is sufficient. */
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important; /* Make the grey bars invisible. */
	}

	.toolbar {
		border-bottom: none !important; /* Remove the line under the icons at the top of the SO */
		margin-bottom: 10px !important; /* Remove the excess whitespace under the toolbar */
	}

	/* Button styles */
	button {
		font-size: 1em !important;
		padding: 0.1em 0.5em !important;
		margin-left: 0.5em !important;
		border-color: #d8531e !important; /* Normal buttons are Netfor Orange */
		background-image: linear-gradient(to bottom, #d8531e 0%, #f79c31 100%) !important;
		font-weight: normal !important;
		border-radius: 7px !important;
	}

	button:hover {
		border-color: #e2602c !important;
		background-image: linear-gradient(to bottom, #e2602c 0%, #f8a649 100%) !important;
	}

	button.attention {
	  border-color: #820024 !important; /* Red buttons are red */
		background-image: linear-gradient(to bottom, #820024 0%, #990000 100%) !important;
	}

	button.attention:hover {
	  border-color: #99002b !important;
		background-image: linear-gradient(to bottom, #99002b 0%, #b30000 100%) !important;
	}

	#headerContainer #otherModules {
		display: inline-block !important; /* Reposition the Tools dropdown */
		float: none !important;
		margin-left: 10px !important;
		margin-top: 5px !important;
	}

	#accountLogin li.displayMessage span, #accountLogin li.displayMessage span em, #accountLogin .accountButton, #accountLogin .accountButton a, #accountLogin .accountButton a span {
		color: #f0f0f0 !important;
		background: none !important; /* Simplify user options in top right corner*/
	}

	#moduleNavigation li.modnavButton a {
		color: #f0f0f0 !important;
		background: none !important; /* Simplify the navigation bar */
		border: none !important;
		font-weight: normal;
		text-decoration-color: #820024 !important;
	}

	#moduleNavigation .modnavButtonActive a {
		font-weight: bold !important; /* The currently active page should be distinguishable */
		text-decoration: underline #820024 !important; /* Netfor red underline */
	}

  #headerContainer .logo { display: none !important; } /* Hide the page header logo */
	#moduleNavigation .modnavButton a:hover, #moduleNavigation .modnavButtonActive a:hover { text-decoration: underline white !important; } /* White underline */
	#moduleNavigation a:hover { text-decoration: underline !important; } /* Navigation links should underline when mouse is over them */
	#moduleNavigation li.modnavButton { margin-top: 0 !important; } /* Move the navigation bar to the top of the page */
	#moduleNavigation .home { display: none !important; } /* Hiding some kind of home button, probably */
  #subheaderContainer .subheaderTab { border-radius: 7px 7px 0px 0px !important; } /* Rounding tab corners */
	.textTabInstructions { background-color: #d8531e !important; } /* Task border color */
	.textAreaInstructions { border-color: #d8531e !important; }    /* Task border color */
	.attributeCaption { background-color: #d8531e !important; }    /* Knowledge H1s E.g. Resolution Summary */
	#articleStats .title { background-color: #d8531e !important; } /* Knowledge Article Details H1 */
	#articleStats { border-color: #d8531e !important; }            /* Knowledge Article Details border */
	#breadcrumbs .delimiter { color: #d8531e !important; }         /* Knowledge Navigation breadcrumbs color */
	#accountLogin .accountButton a:hover { text-decoration: underline !important; } /* Underline account links on hover */
	#accountLogin li.displayMessage span em::after { content: "."; } /* Add punctuation to the greeting */
	#accountLogin li.displayMessage { margin-right: 5px; } /* Add whitespace between the greeting and user options */
	#TaskActions button { font-size: 0.86em !important; } /* My Tasks page buttons line wrap if the font is too large, due to td width */
	ul li.textentry input { overflow: visible !important; }
	.Ticket_table th::after, span.formlabel::after { content: ":"; } /* Form labels need colons */
	.blockToggle div.top { display: none !important; } /* Remove the Hide Profile/Location bars */
	.blockToggle { border: none !important; } /* Remove border around SO top section*/
	#SubsetToggleRow { border-top: none !important; } /* Remove line at the top of SO */
	#SubsetToggleRow, #TicketInfo { background-color: transparent !important; } /* Remove the light blue background from collapsable sections */
	td.tabtop { border-radius: 7px 7px 0px 0px !important; } /* Rounded corners on tabs */
	td.tabbottom { border-radius: 0px 0px 7px 7px !important; }
	td.tabtop img, td.tabbottom img { display: none !important; } /* Remove the arrow icons from tabs */
	td.tabtop, td.tabbottom { font-size: 13px !important; } /* Improve tab label readability */
	.toolbar2 { border-bottom: none !important; }
	#CallLog { overflow: hidden; } /* Stop the scrolling of the bottom part of the SO */
	tr.noprint { display: none; } /* Remove the HR style bar in the page footer */

  tbody ul li.textentry input {
		margin: 0 !important;
		box-sizing: border-box !important;
		display: block !important;
		height: 22px !important;
		font-size: 14px !important;
		color: #555 !important;
		background-color: #fff !important;
		background-image: none !important; /* Text box flattening */
		border: 1px solid #ccc !important;
		border-radius: 4px !important;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
		padding: 0 0 0 4px !important;
	}

  tbody ul li.textentry input:focus {
    border-color: #66afe9 !important;
    outline: 0 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important; /* Make the active text box glow  */
	}
}