[bracket plus]
Navigation
Information Summary

Memory Usage

##### 32.3%

8,6,5,9,8,4,9,3,5,9

CPU Usage

##### 140.05

4,3,5,7,12,10,4,5,11,7

Disk Usage

##### 82.02%

1,2,1,3,2,10,4,12,7

Daily Traffic

##### 62,201

3,12,7,9,2,3,4,5,2
Online Contacts

Marilyn Tarter

Clemson, CA
1 new

Belinda Connor

Fort Kent, ME

Britanny Cevallos

Shiboygan Falls, WI
3 new

Brandon Lawrence

Snohomish, WA
1 new

Andrew Wiggins

Springfield, MA

Theodore Gristen

Nashville, TN

Deborah Miner

North Shore, CA
Offline Contacts

Marilyn Tarter

Clemson, CA

Belinda Connor

Fort Kent, ME

Britanny Cevallos

Shiboygan Falls, WI

Brandon Lawrence

Snohomish, WA

Andrew Wiggins

Springfield, MA

Theodore Gristen

Nashville, TN

Deborah Miner

North Shore, CA
Recent Attachments

IMG_43445

JPG Image

1.2mb

VID_6543

MP4 Video

24.8mb

Tax_Form

Word Document

5.5mb

Getting_Started

PDF Document

12.7mb

Introduction

PDF Document

7.7mb

IMG_43420

JPG Image

2.2mb

IMG_43447

JPG Image

3.2mb

VID_6545

AVI Video

14.8mb

Secret_Document

Word Document

4.5mb

Time & Date

##

######

Events Calendar
Event Today
+ Add Event
Quick Settings

###### More Settings

Account Settings Privacy Settings

#### Select2 Skins

Select2 is a jQuery based replacement for enhancing select boxes while Select2 Skins will enhance this even more.

###### Default Skin

Below is the built-in default skin for light and dark.

###### Selected Hover Color Variant

A select box with custom color for highlighting or selecting a selection.

Source Code

    $('#select2').select2({
      dropdownCssClass: 'hover-success',
      minimumResultsForSearch: Infinity // disabling search
    });

Class Reference

Class | Value
--- | ---
`dropdownCssClass: 'hover-[value]'` | success | warning | danger | info | teal | indigo | purple | pink | orange | dark

###### Outline Color Variant

A select box with colored border and optional colored border and hover for dropdown.

Source Code

    $('#select2').select2({
      containerCssClass: 'select2-outline-success',
      dropdownCssClass: 'bd-success hover-success',
      minimumResultsForSearch: Infinity // disabling search
    });

Class Reference

Class | Value
--- | ---
`containerCssClass: 'select2-outline-success'` `dropdownCssClass: 'bd-success hover-success'` | primary | success | warning | danger | info | teal | indigo | purple | pink | orange | white

###### Full Colored Variant

A select box with full colored variants to choose from.

Source Code

    $('#select2').select2({
      containerCssClass: 'select2-full-color select2-primary',
      minimumResultsForSearch: Infinity // disabling search
    });

Class Reference

Class | Value
--- | ---
`containerCssClass: 'select2-full-color select2-[value]'` | primary | success | warning | danger | info | teal | indigo | purple | pink | orange | dark

###### Full Colored Dropdown Variant

A select box with full colored dropdown variants to choose from.

Source Code

    $('#select2').select2({
      dropdownCssClass: 'select2-drop-color select2-drop-primary',
      minimumResultsForSearch: Infinity // disabling search
    });

Class Reference

Class | Value
--- | ---
`dropdownCssClass: 'select2-drop-color select2-drop-[value]'` | primary | success | warning | danger | info | teal | indigo | purple | pink | orange | dark

###### Full Colored Box and Dropdown Combination

A select box with full colored dropdown variants to choose from.

Source Code

    $('#select2').select2({
      containerCssClass: 'select2-full-color select2-primary',
      dropdownCssClass: 'select2-drop-color select2-drop-primary',
      minimumResultsForSearch: Infinity // disabling search
    });