Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*Beginning US State and World Flairs*/
- .flair {
- border: none !important;
- padding: 0px;
- background: url(%%flag-flair%%)no-repeat -9999px -9999px;
- display: inline-block;
- font-weight: bold;
- color: #0000ff;
- }
- .flair-alabama {
- width: 40px;
- height: 20px;
- background-position: -5px -5px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-alaska {
- width: 40px;
- height: 20px;
- background-position: -45px -5px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-arizona {
- width: 40px;
- height: 20px;
- background-position: -85px -5px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-arkansas {
- width: 40px;
- height: 20px;
- background-position: -125px -5px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-california {
- width: 40px;
- height: 20px;
- background-position: -165px -5px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-colorado {
- width: 40px;
- height: 20px;
- background-position: -205px -5px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-connecticut {
- width: 40px;
- height: 20px;
- background-position: -5px -35px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-delaware {
- width: 40px;
- height: 20px;
- background-position: -45px -35px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-florida {
- width: 40px;
- height: 20px;
- background-position: -85px -35px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-georgia-us-state {
- width: 40px;
- height: 20px;
- background-position: -125px -35px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-hawaii {
- width: 40px;
- height: 20px;
- background-position: -165px -35px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-idaho {
- width: 40px;
- height: 20px;
- background-position: -205px -35px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-illinois {
- width: 40px;
- height: 20px;
- background-position: -5px -65px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-indiana {
- width: 40px;
- height: 20px;
- background-position: -45px -65px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-iowa {
- width: 40px;
- height: 20px;
- background-position: -85px -65px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-kansas {
- width: 40px;
- height: 20px;
- background-position: -125px -65px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-kentucky {
- width: 40px;
- height: 20px;
- background-position: -165px -65px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-louisiana {
- width: 40px;
- height: 20px;
- background-position: -205px -65px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-maine {
- width: 40px;
- height: 20px;
- background-position: -5px -95px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-maryland {
- width: 40px;
- height: 20px;
- background-position: -45px -95px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-massachusetts {
- width: 40px;
- height: 20px;
- background-position: -85px -95px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-michigan {
- width: 40px;
- height: 20px;
- background-position: -125px -95px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-minnesota {
- width: 40px;
- height: 20px;
- background-position: -165px -95px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-mississippi {
- width: 40px;
- height: 20px;
- background-position: -205px -95px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-missouri {
- width: 40px;
- height: 20px;
- background-position: -5px -125px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-montana {
- width: 40px;
- height: 20px;
- background-position: -45px -125px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-nebraska {
- width: 40px;
- height: 20px;
- background-position: -85px -125px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-nevada {
- width: 40px;
- height: 20px;
- background-position: -125px -125px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-new-hampshire {
- width: 40px;
- height: 20px;
- background-position: -165px -125px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-new-jersey {
- width: 40px;
- height: 20px;
- background-position: -205px -125px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-new-mexico {
- width: 40px;
- height: 20px;
- background-position: -5px -155px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-new-york {
- width: 40px;
- height: 20px;
- background-position: -45px -155px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-north-carolina {
- width: 40px;
- height: 20px;
- background-position: -85px -155px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-north-dakota {
- width: 40px;
- height: 20px;
- background-position: -125px -155px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-ohio {
- width: 40px;
- height: 20px;
- background-position: -165px -155px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-oklahoma {
- width: 40px;
- height: 20px;
- background-position: -205px -155px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-oregon {
- width: 40px;
- height: 20px;
- background-position: -5px -185px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-oregon-reverse {
- width: 40px;
- height: 20px;
- background-position: -45px -185px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-pennsylvania {
- width: 40px;
- height: 20px;
- background-position: -85px -185px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-puerto-rico {
- width: 40px;
- height: 20px;
- background-position: -125px -185px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-rhode-island {
- width: 40px;
- height: 20px;
- background-position: -165px -185px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-south-carolina {
- width: 40px;
- height: 20px;
- background-position: -205px -185px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-south-dakota {
- width: 40px;
- height: 20px;
- background-position: -5px -215px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-tennessee {
- width: 40px;
- height: 20px;
- background-position: -45px -215px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-texas {
- width: 40px;
- height: 20px;
- background-position: -85px -215px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-utah-enhanced-variant {
- width: 30px;
- height: 20px;
- background-position: -125px -215px;
- text-indent: 35px;
- font-size: 85%;
- }
- .flair-vermont {
- width: 40px;
- height: 20px;
- background-position: -165px -215px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-virginia {
- width: 40px;
- height: 20px;
- background-position: -205px -215px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-washington {
- width: 40px;
- height: 20px;
- background-position: -245px -5px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-west-virginia {
- width: 30px;
- height: 20px;
- background-position: -245px -35px;
- text-indent: 35px;
- font-size: 85%;
- }
- .flair-wisconsin {
- width: 40px;
- height: 20px;
- background-position: -245px -65px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-wyoming {
- width: 40px;
- height: 20px;
- background-position: -245px -95px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-washingtonDC {
- width: 40px;
- height: 20px;
- background-position: -245px -125px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-australia {
- width: 25px;
- height: 15px;
- background-position: -351px -5px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-belgium {
- width: 25px;
- height: 15px;
- background-position: -384px -5px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-brazil {
- width: 25px;
- height: 15px;
- background-position: -285px -30px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-canada {
- width: 25px;
- height: 15px;
- background-position: -317px -30px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-china {
- width: 25px;
- height: 15px;
- background-position: -350px -30px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-denmark {
- width: 25px;
- height: 15px;
- background-position: -383px -30px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-egypt {
- width: 25px;
- height: 15px;
- background-position: -285px -55px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-finland {
- width: 25px;
- height: 15px;
- background-position: -318px -55px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-france {
- width: 25px;
- height: 15px;
- background-position: -351px -55px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-germany {
- width: 25px;
- height: 15px;
- background-position: -384px -55px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-india {
- width: 25px;
- height: 15px;
- background-position: -318px -79px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-indonesia {
- width: 25px;
- height: 15px;
- background-position: -384px -79px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-iran {
- width: 25px;
- height: 15px;
- background-position: -285px -104px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-ireland {
- width: 25px;
- height: 15px;
- background-position: -318px -104px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-italy {
- width: 25px;
- height: 15px;
- background-position: -350px -104px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-japan {
- width: 25px;
- height: 15px;
- background-position: -384px -104px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-mexico {
- width: 25px;
- height: 15px;
- background-position: -285px -129px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-netherlands {
- width: 25px;
- height: 15px;
- background-position: -285px -5px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-norway {
- width: 25px;
- height: 15px;
- background-position: -318px -129px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-pakistan {
- width: 25px;
- height: 15px;
- background-position: -349px -129px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-philippines {
- width: 25px;
- height: 15px;
- background-position: -318px -5px;
- text-indent: 32px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-poland {
- width: 25px;
- height: 15px;
- background-position: -382px -129px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-russia {
- width: 25px;
- height: 15px;
- background-position: -417px -5px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-southAfrica {
- width: 25px;
- height: 15px;
- background-position: -417px -55px;
- text-indent: 32px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-southKorea {
- width: 25px;
- height: 15px;
- background-position: -413px -30px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-spain {
- width: 25px;
- height: 15px;
- background-position: -417px -80px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-sweden {
- width: 25px;
- height: 15px;
- background-position: -285px -80px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-turkey {
- width: 25px;
- height: 15px;
- background-position: -417px -105px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-uk {
- width: 25px;
- height: 15px;
- background-position: -351px -80px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-ukraine {
- width: 25px;
- height: 15px;
- background-position: -415px -130px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-vietnam {
- width: 25px;
- height: 15px;
- background-position: -285px -155px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-EU {
- width: 25px;
- height: 15px;
- background-position: -450px -5px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-argentina {
- width: 25px;
- height: 15px;
- background-position: -450px -51px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-hungary {
- width: 25px;
- height: 15px;
- background-position: -450px -98px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-serbia {
- width: 25px;
- height: 15px;
- background-position: -450px -120px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-slovakia {
- width: 25px;
- height: 15px;
- background-position: -484px -5px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-bolivia {
- width: 25px;
- height: 15px;
- background-position: -483px -51px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-iraq {
- width: 25px;
- height: 15px;
- background-position: -483px -98px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-MURICA {
- width: 25px;
- height: 15px;
- background-position: -517px -5px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-vanuatu {
- width: 25px;
- height: 15px;
- background-position: -517px -27px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-croatia {
- width: 25px;
- height: 15px;
- background-position: -515px -51px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-greece {
- width: 25px;
- height: 15px;
- background-position: -515px -73px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-israel {
- width: 25px;
- height: 15px;
- background-position: -516px -98px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-jordan {
- width: 25px;
- height: 15px;
- background-position: -550px -5px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-libya {
- width: 25px;
- height: 15px;
- background-position: -550px -27px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-newzealand {
- width: 25px;
- height: 15px;
- background-position: -550px -49px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-romania {
- width: 25px;
- height: 15px;
- background-position: -548px -71px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-scotland {
- width: 25px;
- height: 15px;
- background-position: -548px -96px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-singapore {
- width: 25px;
- height: 15px;
- background-position: -547px -120px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-slovenia {
- width: 25px;
- height: 15px;
- background-position: -583px -5px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- .flair-venezuela {
- width: 25px;
- height: 15px;
- background-position: -583px -27px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- /*Swiz is a short flag, make width and height different!*/
- .flair-switzerland {
- width: 16px;
- height: 16px;
- background-position: -616px -5px;
- text-indent: 23px;
- font-size: 85%;
- margin-right: 20px;
- }
- /*Military Flair*/
- .flair-airforce {
- width: 40px;
- height: 20px;
- background-position: -245px -155px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-army {
- width: 40px;
- height: 20px;
- background-position: -245px -185px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-coastguard {
- width: 40px;
- height: 20px;
- background-position: -245px -215px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-marinecorps {
- width: 40px;
- height: 20px;
- background-position: -285px -185px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-usnavy {
- width: 40px;
- height: 20px;
- background-position: -285px -215px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-cap {
- width: 40px;
- height: 20px;
- background-position: -325px -215px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-emt {
- width: 40px;
- height: 20px;
- background-position: -365px -185px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-fire {
- width: 40px;
- height: 20px;
- background-position: -365px -215px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-pow {
- width: 40px;
- height: 20px;
- background-position: -405px -215px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-ng {
- width: 40px;
- height: 20px;
- background-position: -445px -185px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-police {
- width: 40px;
- height: 20px;
- background-position: -405px -185px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-gay {
- width: 40px;
- height: 20px;
- background-position: -445px -215px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-les {
- width: 40px;
- height: 20px;
- background-position: -485px -215px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-tg {
- width: 40px;
- height: 20px;
- background-position: -485px -185px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-los {
- width: 40px;
- height: 20px;
- background-position: -485px -160px;
- text-indent: 32px;
- font-size: 85%;
- }
- .flair-centi {
- width: 40px;
- height: 20px;
- background-position: -445px -160px;
- text-indent: 32px;
- font-size: 85%;
- }
- /*Fancy flair selector*/
- .flairselector {
- position: fixed;
- top: 10px!important;
- left: 50%!important;
- margin-left: -225px;
- padding: 32px!important;
- max-height: 500px;
- width: 540px!important;
- z-index: 9999999;
- border: none;
- border-radius: 2px;
- box-shadow: 0 0 16px rgba(0, 0, 0, 0.64)
- }
- .flairselector.drop-choices.active {
- border: 1px solid #e2e2e2
- }
- .flairselector h2 {
- margin-bottom: 4px;
- background-color: transparent;
- color: #3F7CCB;
- text-align: left;
- text-transform: capitalize;
- font-weight: 400;
- font-size: 18px
- }
- .flairoptionpane {
- max-height: 300px;
- text-align: left
- }
- .flairselector .flairoptionpane ul li {
- padding: 0!important
- }
- .flair{
- margin-right: 20px;
- }
Advertisement
Add Comment
Please, Sign In to add comment