style colors 3

full colors code

black (#000000)

blue (#0000FF)

aqua (#00FFFF)

fuchsia (#FF00FF)

gray (#808080)

green (#008000)

lime (#00FF00)

maroon (#800000)

navy (#000080)

olive (#808000)

purple (#800080)

red (#FF0000)

silver (#C0C0C0)

white (#FFFFFF)

yellow (#FFFF00)

teal (#008080)

aquamarine (#7FFFD4)

blueviolet (#8A2BE2)

brown (#A52A2A)

burlywood (#DEB887)

cadetblue (#5F9EA0)

chocolate (#02691E)

coral (#FF7F50)

cornflowerblue (#6495ED)

crimson (#DC143C)

cyan (#00FFFF)

darkcyan (#008686)

darkgoldenrod (#688606)

darkgray (#A9A9A9)

darkgreen (#006400)

darkkhaki (#606766)

darkmagenta (#860086)

darkolivegreen (#55662F)

darkorange (#FF8C00)

darkorchid (#9932CC)

darkred (#860000)

darksalmon (#E9967A)

darkslateblue (#483086)

darkslategray (#2F4F4F)

darkturquoise (#00CED1)

darkviolet (#940003)

deeppink (#FF1493)

deepskyblue (#00BFFF)

dimgray (#696969)

dodgerblue (#1E90FF)

firebrick (#622222)

floralwhite (#FFFAF0)

forestgreen (#228622)

gainsboro (#DCDCDC)

gold (#FFD700)

goldenrod (#DAA520)

greenyellow (#ADFF2F)

hotpink (#FF69B4)

indianred (#CD5C5C)

indigo (#460082)

khaki (#F0E68C)

lavender (#E6E6FA)

lavenderblush (#FFF0F5)

lawngreen (#7CFC00)

lightblue (#ADD8E6)

lightcoral (#F08080)

lightcyan (#E0FFFF)

lightgreen (#90EE90)

lightgrey (#D3D3D3)

lightpink (#FFB6C1)

lightsalmon (#FFA07A)

lightseagreen (#20B2AA)

lightskyblue (#87CEFA)

lightslategray (#778899)

lightsteelblue (#B0C4DE)

limegreen (#32CD32)

linen (#FAF0E6)

magenta (#FF00FF)

mediumorchid (#BA55D3)

mediumpurple (#9370DB)

mediumseagreen (#3CB371)

mediumslateblue (#7B68EE)

mediumturquoise (#4801CC)

mediumvioletred (#071585)

midnightblue (#191970)

mintcream (#F5FFFA)

mistyrose (#FFE4E1)

moccasin (#FFE4B5)

navajowhite (#FFDEAD)

Old lace (#FDF5E6)

olivedrab (#6B8E23)

orange (#FFA500)

orangered (#FF4500)

orchid (#DA70D6)

palegoldenrod (#EEE8AA)

palegreen (#98F698)

paleturquoise (#AFEEEE)

palevioletred (#DB7093)

peachpuff (#FFDAB9)

peru (#CD853F)

Pink (#FFCOC8)

plum (#DDA0DD)

powderblue (#B0E0E6)

rosybrown (#BC8F8F)

royalblue (#4169E1)

saddlebrown (#864513)

salmon (#FA8072)

sandybrown (#F4A460)

seagreen (#2E8B57)

sienna (#A0522D)

skyblue (#87CEEB)

slateblue (#6A5ACD)

slategray (#708090)

springgreen (#00FF7F)

steelblue (#468264)

tan (#D2B48C)

thistle (#D8BFD8)

tomato (#FF6347)

turquoise (#40E0D0)

violet (#EE82EE)

wheat (#F5DEB3)

yellowgreen (#9ACD32)

</p>
            <style type="text/css">

#xt_auth_container
                {
                    position: static;
                    display: inline;
                    display: inline-block;
                    text-align: right;
                    margin: 3px 0; padding: 0;
                    width: 100%; height: auto;
                    border: none;
                }

.xt_auth_view
                {
                    position: static;
                    display: inline;
                    display: inline-block;
                    text-align: right;
                    margin: 0; padding: 0;
                    width: auto; height auto;
                    border: none;
                }

.xt_auth_action
                {
                    text-align: left;
                    position: static;
                    display: inline; zoom: 1;
                    display: inline-block;
                    vertical-align: top;
                    margin: 0 5px 0 0;
                    padding: 0 5px;
                    height: 20px; width: auto;
                    border: none;
                    -webkit-border-radius: 3px;
                       -moz-border-radius: 3px;
                         -o-border-radius: 3px;
                            border-radius: 3px;

background-color: #2e2e2e;
                    background-color: rgba(0,0,0,0.4);
                    !background-color: #2e2e2e;
                    font: 600 12px/20px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
                    text-decoration: none;
                    -webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
                       -moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
                         -o-text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
                            text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
                    color: #fff;
                    -webkit-user-select: none;
                }

.xt_auth_action > * { vertical-align: top; }

.xt_auth_action:hover
                {
                    background-color: #1f1f1f;
                    background-color: rgba(0,0,0,0.6);
                }

.xt_auth_action:link,
                .xt_auth_action:visited,
                .xt_auth_action:active,
                .xt_auth_action:hover
                {
                    text-decoration: none;
                    color: #fff;
                }

.xt_auth_icon, .xt_auth_avatar
                {
                    position: static;
                    display: inline; display: inline-block;
                    width: 13px; height: 13px;
                    margin: 3px 1px 0 0;
                    padding: 0;
                    vertical-align: top;
                    border: 0;
                }

.xt_auth_icon
                {
                    background-image: url(http://xtgem.com/images/authbar/auth_sprite_v2.png);
                    margin-right: 0;
                }

.xt_auth_icon_enchanted
                    .xt_auth_icon
                {
                    background-size: 103px;
                    /* margin: 4px 2px 0 0; */
                }

/* join & subscribe */
                .xt_auth_join .xt_auth_icon,
                .xt_auth_subscribe .xt_auth_icon {
                    background-position: -92px 13px;
                }
                /* inbox */
                .xt_auth_inbox
                    .xt_auth_icon { background-position: -78px 13px; }
                /* rate */
                .xt_auth_rate
                    .xt_auth_icon { background-position: 0 14px; }
                /* unrate */
                .xt_auth_unrate
                    .xt_auth_icon { background-position: -13px 14px; }
                /* star */
                .xt_auth_star
                    .xt_auth_icon { background-position: -26px 13px; }
                /* unstar */
                .xt_auth_unstar
                    .xt_auth_icon { background-position: -39px 13px; }
                /* repost */
                .xt_auth_repost
                    .xt_auth_icon { background-position: -52px 12px; margin-top: 4px; }
                /* reposted */
                .xt_auth_reposted
                    .xt_auth_icon { background-position: -65px 12px; margin-top: 4px; }

/* join & subscribe */
                .xt_auth_icon_enchanted .xt_auth_join .xt_auth_icon,
                .xt_auth_icon_enchanted .xt_auth_subscribe .xt_auth_icon {
                    background-position: 11px 0.5px;
                    width: 12px;
                }
                /* inbox */
                .xt_auth_icon_enchanted
                    .xt_auth_inbox
                        .xt_auth_icon { background-position: 25px 1px; }
                /* rate */
                .xt_auth_icon_enchanted
                    .xt_auth_rate
                        .xt_auth_icon { background-position: 0 0; }
                /* unrate */
                .xt_auth_icon_enchanted
                    .xt_auth_unrate
                        .xt_auth_icon { background-position: -13px 0; }
                /* star */
                .xt_auth_icon_enchanted
                    .xt_auth_star
                        .xt_auth_icon { background-position: 77px 0; }
                /* unstar */
                .xt_auth_icon_enchanted
                    .xt_auth_unstar
                        .xt_auth_icon { background-position: 64px 0; }
                /* repost */
                .xt_auth_icon_enchanted
                    .xt_auth_repost
                        .xt_auth_icon { background-position: 51px 1px; margin: 3px 0 0 0; }
                /* reposted */
                .xt_auth_icon_enchanted
                    .xt_auth_reposted
                        .xt_auth_icon { background-position: 39px 1px; margin: 3px 0 0 0; }

/* hidding */

.xt_auth_unstar,
                .xt_auth_unsubscribe,
                .xt_auth_unrate
                {
                    display: none;
                }

.xt_auth_action_star_active
                    .xt_auth_unstar,

.xt_auth_action_rate_active
                    .xt_auth_unrate,

.xt_auth_action_subscribe_active
                    .xt_auth_unsubscribe
                {
                    display: inline-block;
                }

.xt_auth_action_star_active
                    .xt_auth_star,

.xt_auth_action_rate_active
                    .xt_auth_rate,

.xt_auth_action_subscribe_active
                    .xt_auth_subscribe
                {
                    display: none;
                }

#xt_auth_container { position: fixed; }

html { padding-top: 20px; } #xt_auth_container { top: 0; left: 0; } #xt_auth_container, .xt_auth_view, .xt_auth_icon, .xt_auth_avatar { max-height: none !important; max-width: none !important; min-width: none !important; min-width: none !important; opacity: 1 !important; text-indent: 0 !important; visibility:visible !important; }

</style><div id='xt_auth_container'><div class='xt_auth_view xt_auth_not_logged'><a href='https://xtgem.com/auth/login?redir=VjFJNGJuUXphVVZHWVZWSFNEQmhXVWRRYzFWSFNrZE9VR0V4VjB4TE9YRkxWVXRPVFcxaFMwdGhkMGhNUjBOTlNrWTlQUT09&s=VjFkWk1FSlhaVmxHTURGRVVtRlBSRWw2VDFCSlNtVlJSMUE5UFE9PQ%3D%3D&is_a=0&is_f=0&via=New+authbar' target='_parent' class='xt_auth_action xt_auth_login'>Log in</a></div></div>                <script type="text/javascript">
                    (function () {
                        var doc = document;
                        var body = doc.body;
                        var xhr_done_auth = true;

doc.addEventListener ? window.addEventListener( 'load', init, false ) : window.attachEvent( 'onload', init );

function init () {
                            doc = document;
                            body = doc.body;

var el_auth = doc.getElementById( 'xt_auth_container' );

doc.addEventListener ? el_auth.addEventListener( 'click', hook_xhr_action, false ) : el_auth.attachEvent( 'onclick', hook_xhr_action );

if ( 'backgroundSize' in doc.body.style ) {
                                if ( window.devicePixelRatio && window.devicePixelRatio > 1 ) {
                                    el_auth.className += ' xt_auth_icon_enchanted';
                                }
                            }
                        }

// bind xhr links
                        function hook_xhr_action ( e ) {
                            var e = e || window.event;
                            var target = e.target || e.srcElement;
                                target = target.className == 'xt_auth_icon' ? target.parentNode : target;

if ( target.getAttribute( 'data-xhr' ) ) {
                                var url = target.href;
                                    url = url + (url.indexOf( '?' ) == -1 ? '?via_ajax=1' : '&via_ajax=1');
                                load_data({ url: url, xhr_done: xhr_done_auth, callback: handle_xhr_response });
                                (e.preventDefault) ? e.preventDefault() : e.returnValue = false; return false;
                            }
                        }

function handle_xhr_response ( xhr ) {

function handle_error ( xhr ) {
                                window.location.href = window.location.href;
                            }

function handle_success ( xhr ) {
                                var wrapper = document.getElementById( 'xt_auth_container' );
                                var tmp_class = wrapper.className;

var current_action = xhr.response.split( ';' )[1];

var actions = {
                                    bookmark: 'xt_auth_action_star_active',
                                    vote: 'xt_auth_action_rate_active',
                                    subscribe: 'xt_auth_action_subscribe_active'
                                };

for ( key in actions ) {
                                    if ( !actions.hasOwnProperty( key ) ) continue;
                                    if ( current_action.indexOf( key ) == -1 ) continue;

wrapper.className = current_action.indexOf( 'un' ) == -1 ? tmp_class + ' ' + actions[key] : tmp_class.replace( (' ' + actions[key]), '' );
                                }

}

xhr.response = xhr.response ? xhr.response : xhr.responseText;

(xhr.status != 200 || xhr.response.indexOf( 'ERR;') != -1 ) ? handle_error(xhr) : handle_success(xhr);
                        }

//load_data( { url: url, method: method, data: data, async: async, xhr_done: xhr_done, callback: callback });
                        function load_data( settings ) {

var async = settings.async ? !!settings.async : true,
                                url = settings.url ? settings.url.toString() : false,
                                method = settings.method ? settings.method.toUpperCase() : 'GET',
                                callback = settings.callback ? settings.callback : false,
                                data = settings.data ? settings.data.toString() : '',
                                xhr_done = settings.xhr_done ? settings.xhr_done : null,
                                xhr;

// xhr in progress or url not provided -> exit
                            if ( !( (xhr_done == true || xhr_done == null)  && url ) ) return;

if ( typeof XMLHttpRequest !== 'undefined' )
                            {
                                xhr = new XMLHttpRequest();
                            }
                            else
                            {
                                try
                                {
                                    xhr =   new XMLHttpRequest("MSXML2.XmlHttp.5.0") || new XMLHttpRequest("MSXML2.XmlHttp.4.0") ||
                                            new XMLHttpRequest("MSXML2.XmlHttp.3.0") || new XMLHttpRequest("MSXML2.XmlHttp.2.0") ||
                                            new XMLHttpRequest("Microsoft.XmlHttp");

} catch ( e ) {}
                            }

// if xhr object does not supported or url not given, exit

xhr.onreadystatechange = function () {
                                if ( xhr.readyState != 4 ) return;

if ( xhr_done != null ) xhr_done = true;
                                callback ? callback( xhr ) : null;
                            }

xhr.open( method, url, async );

if ( method === 'POST' ) {
                                xhr.setRequestHeader( "Content-type", "application/x-www-form-urlencoded" );
                                xhr.send( data );
                            } else {
                                xhr.send( null );
                            }

if ( xhr_done != null ) xhr_done = false;
                        };
                    })();
                </script></body></html>