SLING-INF.content.dev.css.FSS.fss-base.css Maven / Gradle / Ivy
/*
* Licensed to the Sakai Foundation (SF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The SF 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
*
* 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.
*/
/* Fluid Base
* combination of Fluid FSS files from:
* http://fluidproject.org/releases/1.1.2/infusion-1.1.2.zip
* version: Infusion 1.1.2
*
* Concatenated files contained here:
* fss-reset.css
* fss-layout.css
* fss-text.css
*
* Based on version: 2.5.2 of the Yahoo CSS reset, font, and base
* Copyright (c) 2008, Yahoo! Inc. All rights reserved.
* Code licensed under the BSD License:
* http://developer.yahoo.net/yui/license.txt
*
* Please see these files in: http://fluidproject.org/releases/1.1.2/infusion-1.1.2-src.zip
* for usage and full license information
*/
/* Fluid Reset:
* fss-reset.css
*/
table {
font-size: inherit;
font: 100%;
}
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;
}
fieldset, img {
border: 0;
}
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;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
legend {
color: #000;
}
h1 {
font-size: 138.5%;
}
h2 {
font-size: 123.1%;
}
h3 {
font-size: 108%;
}
h1, h2, h3 {
margin: 0.5em 0;
}
h1, h2, h3, h4, h5, h6, strong {
font-weight: bold;
}
abbr, acronym {
border-bottom: 1px dotted #000;
cursor: help;
}
em {
font-style: italic;
}
blockquote, ul, ol, dl {
margin: 1em;
}
ol, ul, dl {
margin-left: 2em;
}
ol li {
list-style: decimal outside;
}
ul li {
list-style: disc outside;
}
dl dd {
margin-left: 1em;
}
th {
font-weight: bold;
text-align: center;
}
caption {
margin-bottom: .5em;
text-align: center;
}
p, fieldset, table, pre {
margin-bottom: 1em;
}
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;
}
html {
overflow: auto;
font: 13px /1.231 arial, helvetica, clean, sans-serif;*
font-size: small;
}
input, textarea, select {*
font-size: 100%;*
font-family: sans-serif;
}
input {*
overflow: visible;*
padding: 0 1em;
}
:focus {
outline: 2px solid black;
}
/* Fluid Layout:
* fss-layout.css
*/
.fl-fix {
overflow: auto;
zoom: 1;
}
.fl-push {
clear: both;
}
.fl-hidden {
visibility: hidden;
margin: 0;
}
.fl-force-right {
float: right;
display: inline;
}
.fl-force-left {
float: left;
display: inline;
}
.fl-centered {
margin-left: auto;
margin-right: auto;
display: block;
}
.fl-container-5 {
width: 5px;
}
.fl-container-10 {
width: 10px;
}
.fl-container-15 {
width: 15px;
}
.fl-container-20 {
width: 20px;
}
.fl-container-25 {
width: 25px;
}
.fl-container-30 {
width: 30px;
}
.fl-container-35 {
width: 35px;
}
.fl-container-40 {
width: 40px;
}
.fl-container-45 {
width: 45px;
}
.fl-container-50 {
width: 50px;
}
.fl-container-55 {
width: 55px;
}
.fl-container-60 {
width: 60px;
}
.fl-container-65 {
width: 65px;
}
.fl-container-70 {
width: 70px;
}
.fl-container-75 {
width: 75px;
}
.fl-container-80 {
width: 80px;
}
.fl-container-85 {
width: 85px;
}
.fl-container-90 {
width: 90px;
}
.fl-container-95 {
width: 95px;
}
.fl-container-100 {
width: 100px;
}
.fl-container-105 {
width: 105px;
}
.fl-container-110 {
width: 110px;
}
.fl-container-115 {
width: 115px;
}
.fl-container-120 {
width: 120px;
}
.fl-container-125 {
width: 125px;
}
.fl-container-130 {
width: 130px;
}
.fl-container-135 {
width: 135px;
}
.fl-container-140 {
width: 140px;
}
.fl-container-145 {
width: 145px;
}
.fl-container-150 {
width: 150px;
}
.fl-container-155 {
width: 155px;
}
.fl-container-160 {
width: 160px;
}
.fl-container-165 {
width: 165px;
}
.fl-container-170 {
width: 170px;
}
.fl-container-175 {
width: 175px;
}
.fl-container-180 {
width: 180px;
}
.fl-container-185 {
width: 185px;
}
.fl-container-190 {
width: 190px;
}
.fl-container-195 {
width: 195px;
}
.fl-container-200 {
width: 200px;
}
.fl-container-205 {
width: 205px;
}
.fl-container-210 {
width: 210px;
}
.fl-container-215 {
width: 215px;
}
.fl-container-220 {
width: 220px;
}
.fl-container-225 {
width: 225px;
}
.fl-container-230 {
width: 230px;
}
.fl-container-235 {
width: 235px;
}
.fl-container-240 {
width: 240px;
}
.fl-container-245 {
width: 245px;
}
.fl-container-250 {
width: 250px;
}
.fl-container-255 {
width: 255px;
}
.fl-container-260 {
width: 260px;
}
.fl-container-265 {
width: 265px;
}
.fl-container-270 {
width: 270px;
}
.fl-container-275 {
width: 275px;
}
.fl-container-280 {
width: 280px;
}
.fl-container-285 {
width: 285px;
}
.fl-container-290 {
width: 290px;
}
.fl-container-295 {
width: 295px;
}
.fl-container-300 {
width: 300px;
}
.fl-container-305 {
width: 305px;
}
.fl-container-310 {
width: 310px;
}
.fl-container-315 {
width: 315px;
}
.fl-container-320 {
width: 320px;
}
.fl-container-325 {
width: 325px;
}
.fl-container-330 {
width: 330px;
}
.fl-container-335 {
width: 335px;
}
.fl-container-340 {
width: 340px;
}
.fl-container-345 {
width: 345px;
}
.fl-container-350 {
width: 350px;
}
.fl-container-355 {
width: 355px;
}
.fl-container-360 {
width: 360px;
}
.fl-container-365 {
width: 365px;
}
.fl-container-370 {
width: 370px;
}
.fl-container-375 {
width: 375px;
}
.fl-container-380 {
width: 380px;
}
.fl-container-385 {
width: 385px;
}
.fl-container-390 {
width: 390px;
}
.fl-container-395 {
width: 395px;
}
.fl-container-400 {
width: 400px;
}
.fl-container-405 {
width: 405px;
}
.fl-container-410 {
width: 410px;
}
.fl-container-415 {
width: 415px;
}
.fl-container-420 {
width: 420px;
}
.fl-container-425 {
width: 425px;
}
.fl-container-430 {
width: 430px;
}
.fl-container-435 {
width: 435px;
}
.fl-container-440 {
width: 440px;
}
.fl-container-445 {
width: 445px;
}
.fl-container-450 {
width: 450px;
}
.fl-container-455 {
width: 455px;
}
.fl-container-460 {
width: 460px;
}
.fl-container-465 {
width: 465px;
}
.fl-container-470 {
width: 470px;
}
.fl-container-475 {
width: 475px;
}
.fl-container-480 {
width: 480px;
}
.fl-container-485 {
width: 485px;
}
.fl-container-490 {
width: 490px;
}
.fl-container-495 {
width: 495px;
}
.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;
}
.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%;
}
.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;
display: block;
}
.fl-layout-linear .fl-button-left, .fl-layout-linear .fl-button-right {
padding: 1em;
}
.fl-col-justified {
float: left;
display: inline;
overflow: auto;
text-align: justify;
}
.fl-col-flex2, .fl-col-flex3, .fl-col-flex4, .fl-col-flex5 {
overflow: hidden;
zoom: 1;
}
.fl-col {
float: left;
display: inline;
}
.fl-col-flex5 .fl-col {
width: 18.95%;
margin-left: .25%;
margin-right: .25%;
padding-left: .25%;
padding-right: .25%;
}
.fl-col-flex4 .fl-col {
width: 24%;
margin-left: .25%;
margin-right: .25%;
padding-left: .25%;
padding-right: .25%;
}
.fl-col-flex3 .fl-col {
width: 32.33%;
margin-left: .25%;
margin-right: .25%;
padding-left: .25%;
padding-right: .25%;
}
.fl-col-flex2 .fl-col {
width: 48.85%;
margin-left: .25%;
margin-right: .25%;
padding-left: .25%;
padding-right: .25%;
}
.fl-col-mixed, .fl-col-mixed2, .fl-col-mixed3 {
overflow: auto;
zoom: 1;
}
.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;
}
.fl-col-mixed3 .fl-col-main {
margin: 0 220px;
}
.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;
}
.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;
}
.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-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: 2px 16px;
border-bottom: none;
color: #000;
}
.fl-tabs-content {
padding: 5px;
}
.fl-tabs .fl-tabs-active a {
padding: 3px 16px 4px;
}
}
.fl-listmenu {
padding: 0;
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;
}
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: .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: 0;
bottom: 0;
width: 100%;
text-align: center;
height: 1em;
padding: 3px 0;
}
.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;
}
.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;
}
.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 h2 {
padding: 0;
margin: 0;
font-size: 105%;
}
.fl-widget .fl-widget-titlebar .fl-button-inner {
font-size: .8em;
padding-bottom: .2em;
padding-top: .2em;
}
.fl-widget .fl-widget-controls {
margin: -1.3em 0 1.5em 0;
}
.fl-widget .fl-widget-options {
background-color: #D5DBDF;
overflow-y: hidden;
}
.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;
}
.fl-widget .empty * {
padding-top: 10px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.fl-widget .menu {
margin: 0;
}
.fl-widget .toggle {
width: 32px;
}
.fl-widget .on {
background-position: left top;
}
.fl-widget .off {
background-position: left bottom;
}
.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;
}
.fl-noBackgroundImages, .fl-noBackgroundImages * {
background-image: none !important;
}
.fl-noBackgroundImages .fl-icon {
text-indent: 0 !important;
width: auto !important;
background-color: transparent !important;
}
.fl-ProgEnhance-enhanced, .fl-progEnhance-enhanced {
display: none;
}
.fl-offScreen-hidden {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
/* Fluid Text:
* fss-text.css
*/
.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: .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: .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: .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;
}
[class~='fl-font-size-80'] input[type=submit], [class~='fl-font-size-80'] input[type=button] {
font-size: .8em !important;
padding: 0 1em;
}
[class~='fl-font-size-90'] input[type=submit], [class~='fl-font-size-90'] input[type=button] {
font-size: .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: 0;
}
.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: .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: .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: .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: .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: .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: .6em;
}
.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;
}
.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;
}
© 2015 - 2025 Weber Informatics LLC | Privacy Policy