Includes

▼

styles.min.css

This .css file contains bootstrap.css (v3.3.7), fontawesome.css and all necessary css code/references. This .css also includes references and paths to fonts and glyph icons (Google Font, FontAwesome and Material Icons).

Include the following in the head of each HTML document:

<link href="https://s3.glo.texas.gov/uilib/css/styles.min.css" rel="stylesheet" />

jQuery

jQuery version 3.2.1 (or earlier version depending on other jQuery dependencies in your application) necessary to run UI components.

Include the following in the bottom of each HTML document before the </body> tag:

<script src="https://s3.glo.texas.gov/uilib/js/jquery-3.2.1.min.js" type="text/javascript"></script>

script.min.js

Contains bootstrap.js (v3.3.7), and all necessary JavaScript code/references for UI animations and display features except for the accordion, which requires jQuery

Include the following in the bottom of each HTML document before the </body> tag:

<script src="https://s3.glo.texas.gov/uilib/js/script.min.js" type="text/javascript"></script>

Colors

▼

default #777777
primary #9e8b56
info #03a9f4
success #4caf50
warning #fbc02d
danger #f44336

Fonts

▼

Google Font Roboto - default font size: 16px

Light - font-weight: 300

class="light"

Regular (default) - font-weight: 400

Medium - font-weight: 500

class="medium"

Bold - font-weight: 700

class="bold"

Sizes

Extra Small (10px)

class="font-xs"

Small (12px)

class="font-sm"

Default (16px)

Large (18px)

class="font-lg"

Extra Large (20px)

class="font-xl"

Headings

▼

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

Paragraph

▼

A paragraph (from the Greek paragraphos, "to write beside" or "written beside") is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.

Blockquote

▼

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.

Inline Elements

▼

This is a text link

Strong is used to indicate strong importance

This text has added emphasis

The b element is stylistically different text from normal text, without any special importance

The i element is text that is set off from the normal text

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation

~~This text is deleted~~ and This text is inserted

~~This text has a strikethrough~~

Superscript^®

Subscript for things like H₂O

This small text is small for for fine print, etc.

Abbreviation: HTML

Keybord input: Cmd

This text is a short inline quotation

This is a citation

The dfn element indicates a definition.

The mark element indicates a highlight

This is what inline code looks like.

This is sample output from a computer program

The variarble element, such as x = y

Time

▼

2 weeks ago

Preformatted Text

▼

  	
P R E F O R M A T T E D T E X T
! " # $ % & ' ( ) * + , - . /
0 1 2 3 4 5 6 7 8 9 : ; < = > ?
@ A B C D E F G H I J K L M N O
P Q R S T U V W X Y Z [ \ ] ^ _
` a b c d e f g h i j k l m n o
p q r s t u v w x y z { | } ~