Results of the CSS crunched for stratteraonline.groupsite.com

Let's see what we've done for stratteraonline.groupsite.com

CSSCruncher.com has crunched this CSS to
15.98 %Less Size! Woohooo!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

body{background:#ebebeb}
h2{color:#527abf}
button.go{margin-left:0 ! important;margin-right:0 ! important}
a.btn{top:1px}
button.btn{margin-top:1px ! important;margin-left:-2px ! important}
a:focus{outline:none}
a,.gray a{color:#527abf;text-decoration:none}
em.glossary,u.glossary,span.glossary,a.glossary{border-bottom-color:#527abf;color:#527abf}
a:hover,.gray a:hover{color:#527abf;text-decoration:underline}
a.invr:hover,ul.ractions li.active a.invr{color:#fff;background-color:#527abf;text-decoration:none}
.thmt{color:#527abf}
.menut,a.menut{color:#ffffff;background-color:#6495ed}
.submenut,a.submenut{color:#527abf;background-color:#fff}
.submenut a,.submenut a:hover{color:#527abf}
.menubrdr{border-color:#6495ed}
.titlet,a.titlet{color:#ffffff;background-color:#6495ed}
.titlet a{color:#ffffff}
.titlebrdr{border-color:#6495ed}
.thminvr:hover{background-color:#527abf}
.invrthmt{color:#fff;background-color:#527abf}
a.actv,.actv a,a.actv:hover,.actv a:hover,span.actv{color:#bbb}
a.invr.actv,a.invr.actv:hover,span.invr.actv{color:#fff;background-color:#bbb;text-decoration:none}
a.thmhvr{color:#333;text-decoration:none}
a.thmhvr:hover{color:#527abf;text-decoration:underline}
.cactions a{color:#ffffff}
.blocklist li.item .itemhead .cactions a,.handle.inv .cactions a{color:#527abf}
.handle .cactions .move{background:url(/images/gs2/move-white.gif) no-repeat 4px 5px}
a.iact{background:transparent url(/images/gs2/action-light.png) no-repeat 0 0}
.cactions.thmt a.iact{background-color:#527abf;background-image:url(/images/gs2/action.png)}
.handle a.iact{background:#6495ed url(/images/gs2/action-invr.png) no-repeat 0 0}
img.thmico,img.thmico2,img.plusico,img.plusico2,img.nlblkico{background-color:#527abf}
.meter span{background:#6495ed url(/images/gs2/profile-meter.png) repeat-x bottom left}
.meter span span{background:transparent}
.btn span{background:#426aaf}
.btn:hover span,.btn_hover span{background:#5c84c9}
.btn span b{text-shadow:#20205f 1px 1px 1px}
.btn:hover span b{text-shadow:#203a7f 1px 1px 1px}
.btn.btn_disabled span b,.btn.btn_disabled:hover span b{text-shadow:none}
#header{background-image:url(/images/gs2/header-shadow.png)}
#main #content{background-image:url(/images/gs2/content-shadow.png)}
#footertop{background-image:url(/images/gs2/footer-shadow.png)}
#topsplash{background:#ffffff url(/images/gs2/headimage-shadow.png) repeat-x}
#navmain{background:#6495ed}
#subgroup-header{background:#6495ed;color:#ffffff}
#subgroup-header h2{color:#ffffff}
#topsplash h1, #topsplash h1 span{color:#527abf}
#topsplash h1 small{color:#444444}
#navmainbg{background:#6495ed}
#topnav .first,#topnav .last,#footer .text,#footer .poweredby{margin:1px}
#footer,#footer a{color:#888}
#topnav,#topnav a{color:#777}
#footertop .pad{background:#ffffff}
#navmain .menu li span.sep{border-right-color:#ffffff}
#navmain .menu li,#navmain .menu li a{color:#ffffff}
#navmain .menu li:hover a.sub, #navmain .menu li.hover a.sub{border-color:#6495ed;background:#fff;color:#6495ed}
#navmain.disabled .menu li:hover a.sub, #navmain.disabled .menu li.hover a.sub{background:transparent;color:#fff}
#navmain .menu li.active a{background:#eaeaea;color:#527abf}
#navmain .menu li a.cx{color:#ffffff}
#navmain .menu li:hover a.cx,#navmain .menu li.hover a.cx{color:#6495ed}
#navmain .menu li a.cx span{color:#6495ed}
#navmain .menu li:hover a.cx span,#navmain .menu li.hover a.cx span{color:#fff}
#navmain .menu li div.submenu .subtopbg{border-left:2px solid #6495ed;border-right:2px solid #6495ed}
#navmain .menu li div.submenu ul{border-left:2px solid #6495ed;border-right:2px solid #6495ed}
#navmain .menu li div.submenu ul li{color:#333}
#navmain .menu li div.submenu ul li a{color:#333}
#navmain .menu li div.submenu ul li a:hover{color:#fff;background-color:#6495ed}
#navmain .menu li div.submenu .subbotbg span{border-left:2px solid #6495ed;border-right:2px solid #6495ed;border-bottom:2px solid #6495ed}
#navsub{background:#eaeaea}
#navsub label{color:#6b6b6b}
#navsub .subbotnav li a{color:#6b6b6b}
#navsub .subbotnav li a:hover, #navsub .subbotnav li a.popup-triggered, #navsub .subbotnav li.active a{background:#fff;color:#527abf}
.menu .mainnav li span.sep{border-right-color:#ffffff}
.menu .mainnav li,.menu .mainnav li a{color:#ffffff}
#content .modules .handle .cactions a.dropdown-trigger{color:#ffffff}
#content .modules .handle.inv .cactions a.dropdown-trigger, #content .modules .handle .cactions a.dropdown-trigger:hover, #content .modules .handle .cactions a.dropdown-triggered{color:#222}
.menu .mainnav{background:#6495ed}
.menu .mainnav li a:hover,.menu .mainnav li.active a{background:#eaeaea;color:#527abf}
.menu .mainnav li a.dropdown-trigger:hover, .menu .mainnav li a.dropdown-triggered{background:white;color:#333}
.menu .subnav{background:#eaeaea}
.menu .subnav strong,.menu .subnav li,.menu .subnav a{color:#6b6b6b}
ul.menu-items{border:2px solid #6495ed}
ul.menu-items li a{color:#333}
ul.menu-items li a:hover{color:#fff;background-color:#6495ed}
.xsidebar #searchbar{background:#eaeaea}
.searchbar-bg{background:#eaeaea}
#content .addmod a.learnmore b{color:#527abf}
#content .cell h4{color:#527abf}
#content .modulehead h4,#content .modulehead label,#content .modulehead h4 a,#content .modulehead label{color:#ffffff}
#content .modulehead{background:#6495ed}
#content #profpage .profhead div.cbox{background:#6495ed}
#content #profpage .profhead div.cbox em.crnr{color:#6495ed;background:#fff}
#content #profpage .profhead div.cbox div.cbox{background:#fff}
#content #profpage .profhead div.cbox div.cbox em.crnr{background:#6495ed;color:#fff}
#content #profpage .profhead div.cbox span.crnr{background-color:#6495ed}
#content #profpage .profhead div.cbox div.cbox span.crnr{background-color:#6495ed}
div.cbox.graybox div.cbox h4,div.cbox.graybox div.cbox h5{color:#527abf}
.mdlg{border-color:#6495ed}
.eswd-content,.eswd-pt u{border-color:#6495ed}
.eswd-content h2.caption,#modal_dialog_message h2.caption{background-color:#6495ed;color:#ffffff}

» Show original CSS code

« Hide original CSS code

/** OVERALL STYLES */
body { background: #ebebeb; }
h2 { color: #527abf; }

/** BUTTON WORKAROUNDS: for now it's easiest to do here, since we can be dynamic. */
button.go { margin-left: 0 ! important; margin-right: 0 ! important; }
a.btn { top: 1px; }
button.btn { margin-top: 1px ! important; margin-left: -2px ! important; }

/** LINK STYLES AND RELATED */
a:focus { outline: none; }
a, .gray a { color: #527abf; text-decoration: none; }
em.glossary, u.glossary, span.glossary, a.glossary { border-bottom-color: #527abf; color: #527abf; }
a:hover, .gray a:hover { color: #527abf; text-decoration: underline; }
a.invr:hover, ul.ractions li.active a.invr { color: #fff; background-color: #527abf; text-decoration: none; }
.thmt { color: #527abf; }
.menut, a.menut { color: #ffffff; background-color: #6495ed; }
.submenut, a.submenut { color: #527abf; background-color: #fff; }
.submenut a, .submenut a:hover { color: #527abf; }
.menubrdr { border-color: #6495ed; }
.titlet, a.titlet { color: #ffffff; background-color: #6495ed; }
.titlet a { color: #ffffff; }
.titlebrdr { border-color: #6495ed; }
.thminvr:hover { background-color: #527abf; }
.invrthmt { color: #fff; background-color: #527abf; }
a.actv, .actv a, a.actv:hover, .actv a:hover, span.actv { color: #bbb; }
a.invr.actv, a.invr.actv:hover, span.invr.actv { color: #fff; background-color: #bbb; text-decoration: none; }
a.thmhvr { color: #333; text-decoration: none; }
a.thmhvr:hover { color: #527abf; text-decoration: underline; }
.cactions a { color: #ffffff; }
.blocklist li.item .itemhead .cactions a, .handle.inv .cactions a { color: #527abf; }

.handle .cactions .move { background: url(/images/gs2/move-white.gif) no-repeat 4px 5px; }

a.iact { background: transparent url(/images/gs2/action-light.png) no-repeat 0 0; }
.cactions.thmt a.iact { background-color: #527abf; background-image: url(/images/gs2/action.png); }
.handle a.iact { background: #6495ed url(/images/gs2/action-invr.png) no-repeat 0 0; }

/** THEMEABLE GRAPHICAL ELEMENTS */
img.thmico, img.thmico2, img.plusico, img.plusico2, img.nlblkico { background-color: #527abf; }
.meter span { background: #6495ed url(/images/gs2/profile-meter.png) repeat-x bottom left; }
.meter span span { background: transparent; }
.btn span { background: #426aaf; }
.btn:hover span, .btn_hover span { background: #5c84c9; }
.btn span b {
        text-shadow: #20205f 1px 1px 1px;
}
.btn:hover span b {
        text-shadow: #203a7f 1px 1px 1px;
}
.btn.btn_disabled span b, .btn.btn_disabled:hover span b {
        text-shadow: none;
}

/** LAYOUT THEME */
#header {
        background-image: url(/images/gs2/header-shadow.png);
}
#main #content {
        background-image: url(/images/gs2/content-shadow.png);
}
#footertop {
        background-image: url(/images/gs2/footer-shadow.png);
}
#topsplash { background: #ffffff url(/images/gs2/headimage-shadow.png) repeat-x; }
#navmain   { background: #6495ed; }
#subgroup-header { background: #6495ed; color: #ffffff; }
#subgroup-header h2 { color: #ffffff; }
#topsplash h1,
#topsplash h1 span { color: #527abf; }
#topsplash h1 small { color: #444444; }
#navmainbg { background: #6495ed; }
#topnav .first, #topnav .last, #footer .text, #footer .poweredby { margin: 1px; }
#footer, #footer a { color: #888; }
#topnav, #topnav a { color: #777; }
#footertop .pad { background: #ffffff; }

/** MENUS */
#navmain .menu li span.sep { border-right-color: #ffffff; }
#navmain .menu li, #navmain .menu li a { color: #ffffff; }
#navmain .menu li:hover a.sub,
#navmain .menu li.hover a.sub { border-color: #6495ed; background: #fff; color: #6495ed; }
#navmain.disabled .menu li:hover a.sub,
#navmain.disabled .menu li.hover a.sub { background: transparent; color: #fff; }
#navmain .menu li.active a { background: #eaeaea; color: #527abf; }
#navmain .menu li a.cx { color: #ffffff; }
#navmain .menu li:hover a.cx, #navmain .menu li.hover a.cx { color: #6495ed; }
#navmain .menu li a.cx span { color: #6495ed; }
#navmain .menu li:hover a.cx span, #navmain .menu li.hover a.cx span { color: #fff; }

#navmain .menu li div.submenu .subtopbg {
        border-left: 2px solid #6495ed;
        border-right: 2px solid #6495ed;
}
#navmain .menu li div.submenu ul {
        border-left: 2px solid #6495ed;
        border-right: 2px solid #6495ed;
}
#navmain .menu li div.submenu ul li { color: #333; }
#navmain .menu li div.submenu ul li a { color: #333; }
#navmain .menu li div.submenu ul li a:hover { color: #fff; background-color: #6495ed; }

#navmain .menu li div.submenu .subbotbg span {
        border-left: 2px solid #6495ed;
        border-right: 2px solid #6495ed;
        border-bottom: 2px solid #6495ed;
}

#navsub { background: #eaeaea; }
#navsub label { color: #6b6b6b }
#navsub .subbotnav li a { color: #6b6b6b; }
#navsub .subbotnav li a:hover,
        #navsub .subbotnav li a.popup-triggered,
        #navsub .subbotnav li.active a { background: #fff; color: #527abf; }

.menu .mainnav li span.sep { border-right-color: #ffffff; }
.menu .mainnav li, .menu .mainnav li a { color: #ffffff; }
#content .modules .handle .cactions a.dropdown-trigger { color: #ffffff; }
#content .modules .handle.inv .cactions a.dropdown-trigger,
#content .modules .handle .cactions a.dropdown-trigger:hover,
#content .modules .handle .cactions a.dropdown-triggered { color: #222; }
.menu .mainnav { background: #6495ed; }
.menu .mainnav li a:hover, .menu .mainnav li.active a { background: #eaeaea; color: #527abf; }
.menu .mainnav li a.dropdown-trigger:hover,
.menu .mainnav li a.dropdown-triggered { background: white; color: #333; }

.menu .subnav { background: #eaeaea; }
.menu .subnav strong, .menu .subnav li, .menu .subnav a { color: #6b6b6b; }

ul.menu-items { border: 2px solid #6495ed; }
ul.menu-items li a { color: #333; }
ul.menu-items li a:hover { color: #fff; background-color: #6495ed; }

/** SIDEBAR SEARCH */
.xsidebar #searchbar { background: #eaeaea; }
.searchbar-bg { background: #eaeaea; }

/** SIDEBAR - ADD MODULE */
#content .addmod a.learnmore b { color: #527abf; }

/** MODULE - GENERAL */
#content .cell h4 { color: #527abf; }
#content .modulehead h4, #content .modulehead label, #content .modulehead h4 a, #content .modulehead label { color: #ffffff; }
#content .modulehead { background: #6495ed; }

/** PROFILE - MEMBER PROFILE HEADER */
#content #profpage .profhead div.cbox { background: #6495ed; }
#content #profpage .profhead div.cbox em.crnr { color: #6495ed; background: #fff; }
#content #profpage .profhead div.cbox div.cbox { background: #fff; }
#content #profpage .profhead div.cbox div.cbox em.crnr { background: #6495ed; color: #fff; }
#content #profpage .profhead div.cbox span.crnr { background-color: #6495ed; }
#content #profpage .profhead div.cbox div.cbox span.crnr { background-color: #6495ed; }

/** GRAY ROUNDED BOXES - THEMED TEXT */
div.cbox.graybox div.cbox h4, div.cbox.graybox div.cbox h5 { color: #527abf; }

/** DIALOGS - THEMED BORDERS */
.mdlg { border-color: #6495ed; }
.eswd-content, .eswd-pt u { border-color: #6495ed; }
.eswd-content h2.caption, #modal_dialog_message h2.caption { background-color: #6495ed; color: #ffffff; }

Some information about this website:

URL: http://stratteraonline.groupsite.com/
CSS URL: http://stratteraonline.groupsite.com/theme.css
Charset: utf-8
Title: Strattera | stratteraonline.groupsite.com
Meta-Description: Strattera
Meta-Keywords: Strattera, Strattera, stratteraonline, stratteraonline, Groupsite.com, Groupsite, Groupsite.com powered Groupsite, Social, Network, Social Networking, Social Network