/******************************************************************************* All font stack classes start with "FS-" and are easy to apply to your markup. *******************************************************************************/ /* Most browsers allow users to specify a default font size. Most commonly, browsers will use 16pt Times New Roman unless otherwise specified. Since in that "normal" case we desire a 10pt default, we need to scale down by a percentage. This gets us 10pt on a 16pt browser, but will also automatically scale up if the user has configured their browser to use a larger default font size. */ body.UXV2, body.stdBody.UXV2 { font-size: 14px; /* establishes 11pt base on "default" 16pt browsers */ } /******************************************************************************* All font stack classes start with "FS-" and are easy to apply to your markup. ### WARNING ###: Be extremely careful when mixing these together (one inside the other). Font sizes in EMs are multiplicative; 2em inside another 1.5em element makes the inner element 1.5*2 = 3x the base font, not 2x like desired. *******************************************************************************/ /* Declaring Nunito font */ /* nunito-sans-regular - latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url('../../fonts/nunito-sans-v4-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/nunito-sans-v4-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* nunito-sans-600 - latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 600; src: local('Nunito Sans SemiBold'), local('NunitoSans-SemiBold'), url('../../fonts/nunito-sans-v4-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/nunito-sans-v4-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* nunito-sans-700 - latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url('../../fonts/nunito-sans-v4-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/nunito-sans-v4-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* This is the Gibson font replacement. */ @font-face { font-family: 'Gibson-SemiBold'; src: url('../../fonts/gibson-semibold.eot'); src: url('../../fonts/gibson-semibold.eot?#iefix') format('embedded-opentype'), url('../../fonts/gibson-semibold.woff2') format('woff2'), url('../../fonts/gibson-semibold.woff') format('woff'), url('../../fonts/gibson-semibold.ttf') format('truetype'), url('../../fonts/gibson-semibold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gibson-Regular'; src: url('../../fonts/gibson.eot'); src: url('../../fonts/gibson.eot?#iefix') format('embedded-opentype'), url('../../fonts/gibson.woff2') format('woff2'), url('../../fonts/gibson.woff') format('woff'), url('../../fonts/gibson.ttf') format('truetype'), url('../../fonts/gibson.svg') format('svg'); font-weight: normal; font-style: normal; } /* This is the "General Body" style. It's applied by default to , so it's not likely that you will need to use this very often. The general philosophy is that you should inherit where possible, and only apply these classes where needed. This will reduce the work you have to do. */ body.UXV2, body.UXV2.stdBody, body.UXV2 .FS-General, body.UXV2 .ui-widget, body.UXV2 input[type='text'], body.UXV2 input[type='password'], body.UXV2 select, body.UXV2 textarea { font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif; letter-spacing: 0.1px; color: #333; } /* This is for filters/secondary content */ .FS-General-Secondary { font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif; letter-spacing: 0.0em; color: #333; } /* Big Fonts for extra attention headers */ .FS-Big-Font { font-size: 2em; font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif; letter-spacing: 0.0em; color: #333; } /* Primary header */ .FS-H1 { font-size: 1.4em; font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif; letter-spacing: 0.01em; color: #333; } /* Secondary header */ .FS-H2 { font-size: 14px; font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif; letter-spacing: 0.0em; color: #333; } /* Tertiary header */ .FS-H3 { font-size: 1.0em; /* 11pt baseline */ font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif; letter-spacing: 0.0em; color: #333; } /* Tool labels, "A" style */ .FS-Tool-A { font-size: 1.0em; /* 11pt baseline */ font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif; letter-spacing: 0.0em; color: #333; } /* Tool labels, "B" style */ .FS-Tool-B { font-size: 0.909em; /* 10pt / 11pt baseline */ font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif; letter-spacing: 0.0em; color: #505050; } /* Buttons and Primary Actions (note that .Vibrant buttons will automatically get this style) */ .FS-Button, /* for buttons */ .Vibrant, /* play nicely with .Vibrant button def'n */ .HarmonyButton /* successor to .Vibrant */ { font-size: 1.0em; /* 11pt baseline */ font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif; letter-spacing: 0.0em; } .FS-Button-Small { letter-spacing: 0.0em; font-size: .85em; } .FS-Action /*for links; NEVER apply to .Vibrant buttons */ { font-size: 0.85em; /* 10pt / 11pt baseline */ font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif; letter-spacing: 0.0em; } /* actions nestled inside an FS-Tool-B should NOT be smaller */ .FS-Tool-B .FS-Action, .FS-Tool-B .FS-Button, .FS-Tool-B .Vibrant, .Fs-Tool-B .HarmonyButton { font-size: 1.0em; } /* Change the color of these */ .FS-Action { color: #505050; text-transform: uppercase; } /* Small-face fonts (e.g. table bar) */ .FS-Small { font-size: 0.925em; /* 9pt/11pt baseline */ font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif; letter-spacing: 0.0em; color: #333; } /* Inside a tooltip (black background) these need to be a light color instead */ .tooltip .tooltip-inner .FS-Small { color: #ccc; } /* Like FS-Small but lighter in color; mainly useful for aside text after a setting*/ .FS-Note { font-size: 0.85em; font-family: 'Gibson-Regular', Helvetica, Arial, Sans-Serif; letter-spacing: 0.0em; color: #888; } .FS-Announce{ color: #C72F79; } /******************************************************************************* Default link colors *******************************************************************************/ /* links */ .UXV2 a, .UXV2 .LinkText, a { color: #427CD8; } .UXV2 a:hover, .UXV2 .LinkText:hover, a:hover { color: #365ebf; } .UXV2 .LinkText { text-decoration: none; } ::placeholder { color: #bbb; }