/*
|
* Licensed to Jasig under one or more contributor license
|
* agreements. See the NOTICE file distributed with this work
|
* for additional information regarding copyright ownership.
|
* Jasig licenses this file to you under the Apache License,
|
* Version 2.0 (the "License"); you may not use this file
|
* except in compliance with the License. You may obtain a
|
* copy of the License at the following location:
|
*
|
* http://www.apache.org/licenses/LICENSE-2.0
|
*
|
* Unless required by applicable law or agreed to in writing,
|
* software distributed under the License is distributed on an
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
* KIND, either express or implied. See the License for the
|
* specific language governing permissions and limitations
|
* under the License.
|
*/
|
|
/**
|
* Percents could work for IE, but for backCompat purposes, we are using keywords.
|
* x-small is for IE6/7 quirks mode.
|
*/
|
body {}
|
table {font-size:inherit;font:100%;}
|
/**
|
* Bump up IE to get to 13px equivalent
|
*/
|
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
|
|
html{color:#000;background:#FFF;}
|
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
|
table{border-collapse:collapse;border-spacing:0;}
|
fieldset,img{border:0;}
|
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
|
li{list-style:none;}
|
caption,th{text-align:left;}
|
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
|
q:before,q:after{content:'';}
|
abbr,acronym {border:0;font-variant:normal;}
|
/* to preserve line-height and selector appearance */
|
sup {vertical-align:text-top;}
|
sub {vertical-align:text-bottom;}
|
|
/*because legend doesn't inherit in IE */
|
legend{color:#000;}
|
|
/* base.css, part of YUI's CSS Foundation */
|
h1 {
|
/*18px via YUI Fonts CSS foundation*/
|
font-size:138.5%;
|
}
|
h2 {
|
/*16px via YUI Fonts CSS foundation*/
|
font-size:123.1%;
|
}
|
h3 {
|
/*14px via YUI Fonts CSS foundation*/
|
font-size:108%;
|
}
|
h1,h2,h3 {
|
/* top & bottom margin based on font size */
|
margin:1em 0;
|
}
|
h1,h2,h3,h4,h5,h6,strong {
|
/*bringing boldness back to headers and the strong element*/
|
font-weight:bold;
|
}
|
abbr,acronym {
|
/*indicating to users that more info is available */
|
border-bottom:1px dotted #000;
|
cursor:help;
|
}
|
em {
|
/*bringing italics back to the em element*/
|
font-style:italic;
|
}
|
blockquote,ul,ol,dl {
|
/*giving blockquotes and lists room to breath*/
|
margin:1em;
|
}
|
ol,ul,dl {
|
/*bringing lists on to the page with breathing room */
|
margin-left:2em;
|
}
|
ol li {
|
/*giving OL's LIs generated numbers*/
|
list-style: decimal outside;
|
}
|
ul li {
|
/*giving UL's LIs generated disc markers*/
|
list-style: disc outside;
|
}
|
dl dd {
|
/*giving UL's LIs generated numbers*/
|
margin-left:1em;
|
}
|
th,td {
|
/*borders and padding to make the table readable*/
|
border:1px solid #000;
|
padding:.5em;
|
}
|
th {
|
/*distinguishing table headers from data cells*/
|
font-weight:bold;
|
text-align:center;
|
}
|
caption {
|
/*coordinated margin to match cell's padding*/
|
margin-bottom:.5em;
|
/*centered so it doesn't blend in to other content*/
|
text-align:center;
|
}
|
p,fieldset,table,pre {
|
/*so things don't run into each other*/
|
margin-bottom:1em;
|
}
|
/* setting a consistent width, 160px;
|
control of type=file still not possible */
|
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
|
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
|
|
/*************************************************************************************/
|
/* Prevent unecessary scrollbars in IE */
|
/* Put font data on the HTML element to allow overrides on the body */
|
/* IE6 cant zoom text properly, so text size reset is a rough approximation */
|
html {overflow:auto; font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small;}
|
|
/*to enable resizing for IE*/
|
input,textarea,select{
|
*font-size:100%;
|
*font-family:sans-serif;
|
}
|
|
/* IE rendering fix for extra padding on buttons. Padding can now be set safely */
|
input {
|
*overflow:visible; *padding:0 1em;
|
}
|
|
/* custom default focus indicator - theme overwrites this */
|
:focus {
|
outline: 2px solid black;
|
}
|
|
|
|
|
|
/*
|
Generic containers for columns and layouts
|
=============================================
|
*/
|
|
/* Container Utilities*/
|
.fl-fix {overflow: auto; zoom:1;}
|
.fl-push {clear:both;}
|
|
/* Container alignment */
|
/* IE 6 needs inline display to prevent double margin bug (other browsers ignore it) */
|
.fl-force-right {float:right; display:inline;}
|
.fl-force-left {float:left; display:inline;}
|
.fl-centered {margin-left:auto; margin-right:auto; display:block;}
|
|
/* Generic container, proxy for other container effects */
|
.fl-container {}
|
|
/* Fixed width containers */
|
.fl-container-50 {width: 50px;}
|
.fl-container-100 {width: 100px;}
|
.fl-container-150 {width: 150px;}
|
.fl-container-200 {width: 200px;}
|
.fl-container-250 {width: 250px;}
|
.fl-container-300 {width: 300px;}
|
.fl-container-350 {width: 350px;}
|
.fl-container-400 {width: 400px;}
|
.fl-container-450 {width: 450px;}
|
.fl-container-500 {width: 500px;}
|
.fl-container-550 {width: 550px;}
|
.fl-container-600 {width: 600px;}
|
.fl-container-650 {width: 650px;}
|
.fl-container-700 {width: 700px;}
|
.fl-container-750 {width: 750px;}
|
.fl-container-800 {width: 800px;}
|
.fl-container-850 {width: 850px;}
|
.fl-container-900 {width: 900px;}
|
.fl-container-950 {width: 950px;}
|
.fl-container-1000 {width: 1000px;}
|
|
/* Flex width containers */
|
.fl-container-auto {width: auto;}
|
.fl-container-flex {width: 100%; clear:both;}
|
.fl-container-flex10 {width: 10%;}
|
.fl-container-flex20 {width: 20%;}
|
.fl-container-flex25 {width: 25%;}
|
.fl-container-flex30 {width: 30%;}
|
.fl-container-flex33 {width: 33%;}
|
.fl-container-flex40 {width: 40%;}
|
.fl-container-flex50 {width: 50%;}
|
.fl-container-flex60 {width: 60%;}
|
.fl-container-flex66 {width: 66%;}
|
.fl-container-flex75 {width: 75%;}
|
|
/* linearizable containers & columns */
|
.fl-layout-linear *,
|
.fl-layout-linear .fl-linearEnabled {
|
overflow:visible !important;
|
clear: both !important;
|
float:none !important;
|
margin-left:0 !important;
|
margin-right:0 !important;
|
}
|
.fl-layout-linear .fl-container,
|
.fl-layout-linear .fl-container-100,
|
.fl-layout-linear .fl-container-150,
|
.fl-layout-linear .fl-container-200,
|
.fl-layout-linear .fl-container-250,
|
.fl-layout-linear .fl-container-300,
|
.fl-layout-linear .fl-container-400,
|
.fl-layout-linear .fl-container-750,
|
.fl-layout-linear .fl-container-950,
|
.fl-layout-linear .fl-container-auto,
|
.fl-layout-linear .fl-container-flex25,
|
.fl-layout-linear .fl-container-flex30,
|
.fl-layout-linear .fl-container-flex33,
|
.fl-layout-linear .fl-container-flex50,
|
.fl-layout-linear .fl-col,
|
.fl-layout-linear .fl-col-side,
|
.fl-layout-linear .fl-col-flex,
|
.fl-layout-linear .fl-col-main,
|
.fl-layout-linear .fl-col-fixed,
|
.fl-layout-linear .fl-col-justified {width:100% !important; margin:auto; padding:0 !important;}
|
|
.fl-layout-linear .fl-force-left,
|
.fl-layout-linear .fl-force-right,
|
.fl-layout-linear li {display:block !important; float:none !important;}
|
|
.fl-layout-linear .fl-linearEnabled {width:100% !important; /*position:relative;*/ display:block;} /* linearization opt in for special cases */
|
|
.fl-layout-linear .fl-button-left,
|
.fl-layout-linear .fl-button-right {padding:1em;}
|
|
/*
|
Layout Helpers
|
=============================================
|
*/
|
/* Columns: A quick column grid system */
|
/* Flex width columns (containers with margins and padding) */
|
.fl-col-justified {float:left; display:inline; overflow:auto; text-align:justify;} /* redundant: text alignment now in fluid.text.css */
|
|
.fl-col-flex2, .fl-col-flex3, .fl-col-flex4, .fl-col-flex5 {overflow:auto; zoom:1;}
|
.fl-col {float:left; display:inline;}
|
.fl-col-flex5 .fl-col {width:18.95%; margin-left:0.25%;margin-right:0.25%; padding-left:0.25%; padding-right:0.25%}
|
.fl-col-flex4 .fl-col {width:24%; margin-left:0.25%;margin-right:0.25%; padding-left:0.25%; padding-right:0.25%}
|
.fl-col-flex3 .fl-col {width:32.33%; margin-left:0.25%;margin-right:0.25%; padding-left:0.25%; padding-right:0.25%}
|
.fl-col-flex2 .fl-col {width:48.85%; margin-left:0.25%;margin-right:0.25%; padding-left:0.25%; padding-right:0.25%}
|
|
/* CHANGE TO LAYOUT not COL since this will become a layout helper */
|
.fl-col-mixed,
|
.fl-col-mixed2,
|
.fl-col-mixed3 {overflow:auto; zoom:1;}
|
|
/* Old System */
|
.fl-col-mixed .fl-col-side {width:200px;}
|
.fl-col-mixed .fl-col-side,
|
.fl-col-mixed .fl-col-main {padding:0 10px;}
|
|
.fl-col-mixed2 .fl-col-side {width:200px; padding:0 10px; float:left;}
|
.fl-col-mixed2 .fl-col-main {margin-left:220px; padding:0 10px;} /* margin goes on whichever side the fixed column goes */
|
|
.fl-col-mixed3 .fl-col-main {margin:0 220px;} /* margin goes on whichever side the fixed column goes */
|
|
/* New System, requires fl-force-XX on the fixed column, provides some basic numbers to start with */
|
.fl-col-fixed, .fl-col-flex {padding:0 10px;}
|
|
.fl-col-mixed .fl-col-fixed {width:200px; padding:0 10px;}
|
.fl-col-mixed .fl-col-flex {margin-left:220px; padding:0 10px;}
|
|
.fl-col-mixed-100 .fl-col-fixed {width:100px;}
|
.fl-col-mixed-100 .fl-col-flex {margin-left:120px;}
|
|
.fl-col-mixed-150 .fl-col-fixed {width:150px;}
|
.fl-col-mixed-150 .fl-col-flex {margin-left:170px;}
|
|
.fl-col-mixed-200 .fl-col-fixed {width:200px;}
|
.fl-col-mixed-200 .fl-col-flex {margin-left:220px;}
|
|
.fl-col-mixed-250 .fl-col-fixed {width:250px;}
|
.fl-col-mixed-250 .fl-col-flex {margin-left:270px;}
|
|
.fl-col-mixed-300 .fl-col-fixed {width:300px;}
|
.fl-col-mixed-300 .fl-col-flex {margin-left:320px;}
|
|
|
/*
|
* Tabs: a quick tab system
|
* Dependency: list-based markup ?
|
*/
|
.fl-tabs {margin:10px 0 0 0; border-bottom:1px solid #000; text-align:center; padding-bottom:2px;}
|
.fl-tabs li {list-style-type:none; display:inline;}
|
/* star hack to get IE 6+7 to behave perfectly */
|
.fl-tabs li a {padding:3px 16px 2px; background-color:#fff; margin-left:-5px; *margin-bottom:-6px; zoom:1; border:1px solid #000; color:#999;}
|
.fl-tabs li a:hover {}
|
.fl-tabs-center {text-align:center;}
|
.fl-tabs-left {text-align:left; padding-left:10px;}
|
.fl-tabs-right {text-align:right; padding-right:15px;}
|
.fl-tabs .fl-reorderer-dropMarker {padding:0 3px; background-color:#c00;margin:0 5px 0 -5px; zoom:1;}
|
.fl-tabs .fl-tabs-active a {padding:3px 16px; border-bottom:none; color:#000;}
|
.fl-tabs-content {padding:5px;}
|
/* get webkit to behave perfectly -
|
* unfortunately, Chrome gets caught in this too even though it applied the original padding values fine
|
*/
|
@media screen and (-webkit-min-device-pixel-ratio:0){
|
.fl-tabs li a {padding:3px 16px 3px;}
|
.fl-tabs .fl-tabs-active a {padding:3px 16px 4px;}
|
}
|
|
/*
|
* Menus: quick horizontal and vertical menu
|
* Requires list items with anchors
|
*/
|
.fl-listmenu {padding:0px; margin:0; border-bottom-width:1px; border-bottom-style:solid;}
|
.fl-listmenu li {margin:0; padding:0; list-style-type:none; border-width:1px; border-style:solid; border-bottom:none;}
|
.fl-listmenu a {padding:5px 5px; display:block; zoom:1;} /* list item needs layout (http://www.brunildo.org/test/IEWlispace.php) */
|
|
.fl-vert-menu {
|
}
|
.fl-horz-menu {
|
}
|
|
/*
|
* Picture Grid: a quick picture grid layout
|
* Dependency: list-based markup
|
*/
|
ul.fl-grid, .fl-grid ul {padding:0; margin:0;}
|
.fl-grid li {list-style-type:none; display:inline;}
|
.fl-grid li {float:left; width:19%; margin:0.5%; height:150px; overflow:hidden; position:relative; display:inline;}
|
.fl-grid li img {display:block; margin:5px auto;}
|
.fl-grid li .caption {position:absolute; left:0px; bottom:0px; width:100%; text-align:center; height:1em; padding:3px 0;}
|
|
/*
|
* Icons: quick accessible icon helper
|
*/
|
.fl-icon {
|
text-indent:-5000px;
|
overflow:hidden;
|
cursor:pointer;
|
display:block;
|
height:16px;
|
width:16px;
|
margin-left:5px;
|
margin-right:5px;
|
background-position:center center;
|
background-repeat:no-repeat;
|
}
|
input.fl-icon {padding-left:16px;}
|
|
/*
|
* Buttons: quick sliding door buttons
|
* requires a container with a sub container
|
*/
|
.fl-button-left {float:left; margin-right:10px; padding:0 0 0 16px; background-position:left center; background-repeat:no-repeat;}
|
.fl-button-right {float:right; margin-left:10px; padding:0 0 0 16px; background-position:left center; background-repeat:no-repeat;}
|
.fl-button-inner {float:left; padding:5px 16px 5px 0; cursor:pointer; background-position:right center; background-repeat:no-repeat;}
|
|
/*
|
* Widgets: modelled after the mycamtools widget model
|
*/
|
.fl-widget {padding:5px; margin-bottom:10px;}
|
.fl-widget .button {margin:0 5px;}
|
.fl-grabbable .fl-widget-titlebar {background-position:center top; background-repeat:no-repeat; cursor:move;}
|
.fl-widget .fl-widget-titlebar {}
|
.fl-widget .fl-widget-titlebar h2 {padding:0; margin:0; font-size:105%;}
|
.fl-widget .fl-widget-titlebar .fl-button-inner {
|
font-size:0.8em;
|
padding-bottom:0.2em;
|
padding-top:0.2em;
|
}
|
.fl-widget .fl-widget-controls {margin:-1.3em 0 1.5em 0;}
|
.fl-widget .fl-widget-options {margin-top:5px; padding:0px 10px;}
|
.fl-widget .fl-widget-options ul {margin:0; padding:0; overflow:hidden; zoom:1;}
|
.fl-widget .fl-widget-options li {list-style-type:none; float:left; display:inline; padding:0 5px 0 5px; margin-left:-5px;}
|
.fl-widget .fl-widget-options a {margin-right:5px;}
|
.fl-widget .fl-widget-content {zoom:1; margin:5px 0 0 0; overflow: auto;}
|
.fl-widget .fl-widget-content ul {}
|
.fl-widget .empty * {padding-top:10px; margin-left:auto; margin-right:auto; text-align:center;}
|
|
|
/* Common widget sub-components */
|
.fl-widget .menu {margin:0;}
|
.fl-widget .toggle {width:32px;}
|
.fl-widget .on {background-position:left top;}
|
.fl-widget .off {background-position:left bottom;}
|
|
/*
|
* Forms and Form Controls
|
* Common arrangements for form inputs in a list
|
* Alignment requires list of fl-label elements placed before the control
|
*/
|
.fl-controls-left li {list-style-type:none; text-align:left;}
|
.fl-controls-left .fl-label {float:left; text-align:left; width:50%; margin-right:5px;}
|
|
.fl-controls-right li {list-style-type:none; display:block; text-align:left;}
|
.fl-controls-right .fl-label {float:left; text-align:right; width:50%; margin-right:5px;}
|
|
.fl-controls-centered li {list-style-type:none; display:block; text-align:left;}
|
.fl-controls-centered .fl-label {float:left; text-align:center; width:50%; margin-right:5px;}
|
|
/**
|
* Knockout Background Images
|
*/
|
.fl-noBackgroundImages, .fl-noBackgroundImages * {
|
background-image:none !important;
|
}
|
.fl-noBackgroundImages .fl-icon {
|
text-indent:0 !important;
|
width:auto !important;
|
background-color:transparent !important;
|
}
|
|
/* Progressive Enhancement: JS will reverse the display setup if it is enabled */
|
.fl-ProgEnhance-enhanced, /* << syntax breaks conventions and is Deprecated*/
|
.fl-progEnhance-enhanced {display:none}
|
|
.fl-ProgEnhance-basic, /* << syntax breaks conventions and is Deprecated*/
|
.fl-progEnhance-basic {}
|
|
/* hide text for screen readers. */
|
.fl-offScreen-hidden {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
|
|
|
.fl-font-size-70,
|
.fl-font-size-70 body,
|
.fl-font-size-70 input,
|
.fl-font-size-70 select,
|
.fl-font-size-70 textarea {font-size:0.7em !important; line-height:1em !important;}
|
|
.fl-font-size-80,
|
.fl-font-size-80 body,
|
.fl-font-size-80 input,
|
.fl-font-size-80 select,
|
.fl-font-size-80 textarea {font-size:0.8em !important; line-height:1.1em !important;}
|
|
.fl-font-size-90,
|
.fl-font-size-90 body,
|
.fl-font-size-90 input,
|
.fl-font-size-90 select,
|
.fl-font-size-90 textarea {font-size:0.9em !important; line-height:1.2em !important;}
|
|
.fl-font-size-100,
|
.fl-font-size-100 body,
|
.fl-font-size-100 input,
|
.fl-font-size-100 select,
|
.fl-font-size-100 textarea {font-size:1em !important; line-height:1.3em !important;}
|
|
.fl-font-size-110,
|
.fl-font-size-110 body,
|
.fl-font-size-110 input,
|
.fl-font-size-110 select,
|
.fl-font-size-110 textarea {font-size:1.1em !important; line-height:1.4em !important;}
|
|
.fl-font-size-120,
|
.fl-font-size-120 body,
|
.fl-font-size-120 input,
|
.fl-font-size-120 select,
|
.fl-font-size-120 textarea {font-size:1.2em !important; line-height:1.5em !important;}
|
|
.fl-font-size-130,
|
.fl-font-size-130 body,
|
.fl-font-size-130 input,
|
.fl-font-size-130 select,
|
.fl-font-size-130 textarea {font-size:1.3em !important; line-height:1.6em !important;}
|
|
.fl-font-size-140,
|
.fl-font-size-140 body,
|
.fl-font-size-140 input,
|
.fl-font-size-140 select,
|
.fl-font-size-140 textarea {font-size:1.4em !important; line-height:1.7em !important;}
|
|
.fl-font-size-150,
|
.fl-font-size-150 body,
|
.fl-font-size-150 input,
|
.fl-font-size-150 select,
|
.fl-font-size-150 textarea {font-size:1.5em !important; line-height:1.8em !important;}
|
|
/* fix for Safari 3 ignoring input font size */
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
[class~='fl-font-size-70'] input[type=submit],
|
[class~='fl-font-size-70'] input[type=button] {padding:0 1em}
|
|
[class~='fl-font-size-80'] input[type=submit],
|
[class~='fl-font-size-80'] input[type=button] {font-size:0.8em !important; padding:0 1em}
|
|
[class~='fl-font-size-90'] input[type=submit],
|
[class~='fl-font-size-90'] input[type=button] {font-size:0.9em !important; padding:0 1em}
|
|
[class~='fl-font-size-100'] input[type=submit],
|
[class~='fl-font-size-100'] input[type=button] {font-size:1em !important; padding:0 1em}
|
|
[class~='fl-font-size-110'] input[type=submit],
|
input[type=submit][class~='fl-font-size-110'],
|
[class~='fl-font-size-110'] input[type=button] {background-color:#fff; font-size:1.1em !important; padding:0 1em}
|
|
[class~='fl-font-size-120'] input[type=submit],
|
input[type=submit][class~='fl-font-size-120'],
|
[class~='fl-font-size-120'] input[type=button] {background-color:#fff; font-size:1.2em !important; padding:0 1em}
|
|
[class~='fl-font-size-130'] input[type=submit],
|
input[type=submit][class~='fl-font-size-130'],
|
[class~='fl-font-size-130'] input[type=button] {background-color:#fff; font-size:1.3em !important; padding:0 1em}
|
|
[class~='fl-font-size-140'] input[type=submit],
|
input[type=submit][class~='fl-font-size-140'],
|
[class~='fl-font-size-140'] input[type=button] {background-color:#fff; font-size:1.4em !important; padding:0 1em}
|
|
[class~='fl-font-size-150'] input[type=submit],
|
input[type=submit][class~='fl-font-size-150'],
|
[class~='fl-font-size-150'] input[type=button] {background-color:#fff; font-size:1.5em !important; padding:0 1em}
|
|
[class~='fl-font-serif'] input[type=submit],
|
[class~='fl-font-sans'] input[type=submit],
|
[class~='fl-font-monospace'] input[type=submit],
|
[class~='fl-font-arial'] input[type=submit],
|
[class~='fl-font-verdana'] input[type=submit],
|
[class~='fl-font-times'] input[type=submit],
|
[class~='fl-font-courier'] input[type=submit] {background-color:#fff; padding:0 1em}
|
}
|
|
|
.fl-font-serif, .fl-font-serif * {font-family: Georgia, Times, "Times New Roman", "Book Antiqua", serif !important;}
|
.fl-font-sans, .fl-font-sans * {font-family: Tahoma, Verdana, Helvetica, sans-serif !important;}
|
.fl-font-monospace, .fl-font-monospace * {font-family: "Courier New, Courier", monospace !important;}
|
|
.fl-font-arial, .fl-font-arial * {font-family: "Arial" !important;}
|
.fl-font-verdana, .fl-font-verdana * {font-family: "Verdana" !important;}
|
.fl-font-times, .fl-font-times * {font-family: Georgia, Times, "Times New Roman", serif !important;}
|
.fl-font-courier, .fl-font-courier * {font-family: "Courier New", Courier, monospace !important;}
|
|
.fl-text-align-left {
|
text-align:left;
|
}
|
.fl-text-align-right {
|
text-align:right;
|
}
|
.fl-text-align-center {
|
text-align:center;
|
}
|
.fl-text-align-justify {
|
text-align:justify;
|
}
|
|
.fl-font-spacing-0,
|
.fl-font-spacing-0 body,
|
.fl-font-spacing-0 input,
|
.fl-font-spacing-0 select,
|
.fl-font-spacing-0 textarea {letter-spacing:0em}
|
|
.fl-font-spacing-1,
|
.fl-font-spacing-1 body,
|
.fl-font-spacing-1 input,
|
.fl-font-spacing-1 select,
|
.fl-font-spacing-1 textarea {letter-spacing:0.1em}
|
|
.fl-font-spacing-2,
|
.fl-font-spacing-2 body,
|
.fl-font-spacing-2 input,
|
.fl-font-spacing-2 select,
|
.fl-font-spacing-2 textarea {letter-spacing:0.2em}
|
|
.fl-font-spacing-3,
|
.fl-font-spacing-3 body,
|
.fl-font-spacing-3 input,
|
.fl-font-spacing-3 select,
|
.fl-font-spacing-3 textarea {letter-spacing:0.3em}
|
|
.fl-font-spacing-4,
|
.fl-font-spacing-4 body,
|
.fl-font-spacing-4 input,
|
.fl-font-spacing-4 select,
|
.fl-font-spacing-4 textarea {letter-spacing:0.4em}
|
|
.fl-font-spacing-5,
|
.fl-font-spacing-5 body,
|
.fl-font-spacing-5 input,
|
.fl-font-spacing-5 select,
|
.fl-font-spacing-5 textarea {letter-spacing:0.5em}
|
|
.fl-font-spacing-6,
|
.fl-font-spacing-6 body,
|
.fl-font-spacing-6 input,
|
.fl-font-spacing-6 select,
|
.fl-font-spacing-6 textarea {letter-spacing:0.6em}
|
|
/* UI Enhancer "Esier to Find" link options */
|
/* First pass strategy: apply classnames directky on the elements of interest, usually via JS */
|
.fl-text-aqua {color: aqua !important;}
|
.fl-text-black {color: black !important;}
|
.fl-text-blue {color: blue !important;}
|
.fl-text-fuchsia {color: fuchsia !important;}
|
.fl-text-gray {color: gray !important;}
|
.fl-text-green {color: green !important;}
|
.fl-text-lime {color: lime !important;}
|
.fl-text-maroon {color: maroon !important;}
|
.fl-text-navy {color: navy !important;}
|
.fl-text-olive {color: olive !important;}
|
.fl-text-purple {color: purple !important;}
|
.fl-text-red {color: red !important;}
|
.fl-text-silver {color: silver !important;}
|
.fl-text-teal {color: teal !important;}
|
.fl-text-white {color:white !important;}
|
.fl-text-yellow {color: yellow !important;}
|
|
.fl-text-underline {text-decoration:underline !important;}
|
.fl-text-bold {font-weight:bold !important;}
|
.fl-text-larger {font-size:125% !important;}
|
.fl-input-outline {border:2px solid;} /* leave out color? */
|
|
.fl-highlight-yellow, .fl-highlight-hover-yellow:hover, .fl-highlight-focus-yellow:focus {background-color:#FF0 !important; background-image:none !important;}
|
.fl-highlight-green, .fl-highlight-hover-green:hover, .fl-highlight-focus-green:focus {background-color:#0F0 !important; background-image:none !important;}
|
.fl-highlight-blue, .fl-highlight-hover-blue:hover, .fl-highlight-focus-blue:focus {background-color:#00F !important; background-image:none !important;}
|
