Ergebnisse des CSS Crunching von www.shia-facebook.com

Mal sehen was wir getan haben für www.shia-facebook.com

CSSCruncher.com hat dieser Webseite
38,08 %Code erspart! Ich fasse es nicht!

Crunched CSS Code:

@constants{theme_topbar_width:100%;theme_topbar_minimenu_width:980px;theme_topbar_logo_width:980px;theme_topbar_menu_width:980px;theme_footer_width:960px;theme_content_width:950px;theme_content_columns_left_width:190px;theme_content_columns_right_width:190px;theme_body_background_color:#E3E3E3;theme_topbar_background_color:#3B5998;theme_topbar_menu_background_color:;theme_topbar_menu_background_color_hover:#6D86B7;theme_topbar_menu_link_color:#fff;theme_topbar_menu_link_decoration:none;theme_topbar_menu_link_hover_color:#fff;theme_topbar_menu_link_hover_decoration:none;theme_topbar_menu_link_size:13px;theme_topbar_menu_link_background_color:transparent;theme_topbar_menu_link_background_color_hover:transparent;theme_topbar_menu_border:;theme_topbar_minimenu_background_color:none;theme_topbar_minimenu_border:none;theme_topbar_minimenu_link_size:.7em;theme_topbar_minimenu_link_color:#DDDDDD;theme_topbar_minimenu_link_hover_color:#ffffff;theme_topbar_minimenu_link_hover_decoration:none;theme_topbar_minimenu_link_hover_background_color:#4B67A1;theme_topbar_border:0px solid transparent;theme_font_family:tahoma,arial,verdana,sans-serif;theme_font_size:10pt;theme_font_color:#555;theme_font_color_light:#999;theme_text_align:left;theme_link_color:#3B5998;theme_link_color_hover:#3B5998;theme_link_decoration:none;theme_link_decoration_hover:underline;theme_headline_color:#333333;theme_headline_size_large:17px;theme_headline_size_medium:13px;theme_border_color:#eaeaea;theme_border_medium_color:#ddd;theme_border_dark_color:#bbb;theme_foreground_border_color:#d0e2ec;theme_foreground_border_color_light:#d7e8f1;theme_foreground_background_color:#e9f4fa;theme_input_background_color:#fff;theme_input_font_color:#555;theme_input_border_colors:#999 #ccc #ccc #999;theme_button_background_color:#5972A8;theme_button_background_color_hover:#385083;theme_button_font_color:#fff;theme_button_border_color:#29437E;theme_photo_border_color:#ddd;theme_photo_border_color_hover:#aaa;theme_form_border_color:#ddecf3;theme_form_background_color:#f4f9fb;theme_form_label_font_color:#777;theme_buttontabs_font_color:#777;theme_buttontabs_font_color_hover:#555;theme_buttontabs_font_color_active:#fff;theme_buttontabs_background_color:#d4e5ee;theme_buttontabs_background_color_hover:#c9dde7;theme_buttontabs_background_color_active:#55677a;theme_tabs_background_color:#e9f4fa;theme_tabs_border_color:#cad9e1;theme_tabs_border_color_hover:#cad9e1;theme_tabs_font_color:#838e9a;theme_tabs_font_color_active:#555;theme_tabs_background_color_active:#fff;theme_tabs_background_color_hover:#fff;theme_list_background_color:#fff;theme_list_background_color_alt:#f9f9f9;theme_list_background_color_hover:#eee;theme_tag_background_color:#d3e6ef;theme_pulldown_background_color:#f1f6f8;theme_pulldown_background_color_hover:#ddeff9;theme_pulldown_background_color_active:#8197ab;theme_pulldown_font_color_active:#fff;theme_pulldown_border_color:#8197ab;theme_pulldown_contents_background_color:#fff;theme_pulldown_contents_list_background_color_hover:#f2f2f2}
img.main{max-width:720px;max-height:720px}
img.thumb_normal{max-width:140px;max-height:160px}
img.thumb_profile{max-width:200px;max-height:400px}
img.thumb_icon{width:48px;height:48px}
img.main, img.thumb_normal, img.thumb_profile, img.thumb_icon{border:1px solid $theme_photo_border_color}
=foreground{background-color:$theme_foreground_background_color;border:1px solid $theme_foreground_border_color;background-image:url(~/application/modules/Core/externals/images/foreground_bg.png);background-repeat:repeat-x}
=shadow($offset_x = 0,$offset_y = 0,$blur_radius = 0,$spread_radius = 0,$shadow_color = "#aaa"){-moz-box-shadow:$offset_x $offset_y $blur_radius $spread_radius $shadow_color;-webkit-box-shadow:$offset_x $offset_y $blur_radius $spread_radius $shadow_color;box-shadow:$offset_x $offset_y $blur_radius $spread_radius $shadow_color}
=rounded($radius = 3px,$hidecorner1 = false,$hidecorner2 = false,$hidecorner3 = false,$hidecorner4 = false){-moz-border-radius:$radius;-webkit-border-radius:$radius;border-radius:$radius;@if($hidecorner1 == true){-moz-border-radius-topleft:0px;-webkit-border-top-left-radius:0px;border-radius-topleft:0px}
@if($hidecorner2 == true){-moz-border-radius-topright:0px;-webkit-border-top-right-radius:0px;border-radius-topright:0px}
@if($hidecorner3 == true){-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;border-radius-bottomright:0px}
@if($hidecorner4 == true){-moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius:0px;border-radius-bottomleft:0px}}
=noselect{-moz-user-select:none;-webkit-user-select:none}

» Zeige den Original CSS code

« Verberge den Original CSS code

/* $Id: constants.css 6072 2010-06-02 02:36:45Z john $ */

/*
DEFAULT STYLES FOR THIS THEME
*/
@constants
{

/*
  PAGE WIDTHS & BACKGROUND COLOR
  Specify the top bar wrapper width (which contains the mini menu, logo, and main menu
  by default), the footer width, and the width of left & right-side columns.
  */
  theme_topbar_width: 100%;
  theme_topbar_minimenu_width: 980px;
  theme_topbar_logo_width: 980px;
  theme_topbar_menu_width: 980px;
  theme_footer_width: 960px;
  theme_content_width: 950px;
  theme_content_columns_left_width: 190px;
  theme_content_columns_right_width: 190px;
  theme_body_background_color: #E3E3E3;

/* 
  HEADER AND FOOTER COLORS
  These values are only used to style the site-wide header and footer.
  */
  theme_topbar_background_color: #3B5998;
  theme_topbar_menu_background_color:;
  theme_topbar_menu_background_color_hover: #6D86B7;
  theme_topbar_menu_link_color: #fff;
  theme_topbar_menu_link_decoration: none;
  theme_topbar_menu_link_hover_color: #fff;
  theme_topbar_menu_link_hover_decoration: none;
  theme_topbar_menu_link_size: 13px;
  theme_topbar_menu_link_background_color: transparent;
  theme_topbar_menu_link_background_color_hover: transparent;
  theme_topbar_menu_border:;
  theme_topbar_minimenu_background_color: none;
  theme_topbar_minimenu_border: none;
  theme_topbar_minimenu_link_size: .7em;
  theme_topbar_minimenu_link_color: #DDDDDD;
  theme_topbar_minimenu_link_hover_color: #ffffff;
  theme_topbar_minimenu_link_hover_decoration: none;
  theme_topbar_minimenu_link_hover_background_color: #4B67A1;
  theme_topbar_border: 0px solid transparent;

/* 
  TEXT & LINKS
  These values affect the size and colors of your text and links throughout your layout.
  */
  theme_font_family: tahoma, arial, verdana, sans-serif;
  theme_font_size: 10pt;
  theme_font_color: #555;
  theme_font_color_light: #999;
  theme_text_align: left;
  theme_link_color: #3B5998;
  theme_link_color_hover: #3B5998;
  theme_link_decoration: none;
  theme_link_decoration_hover: underline;
  theme_headline_color: #333333;
  theme_headline_size_large: 17px;
  theme_headline_size_medium: 13px;

/* 
  BORDER COLORS
  These colors are mostly applied to borders that separate items in lists of content.
  */
  theme_border_color: #eaeaea;
  theme_border_medium_color: #ddd;
  theme_border_dark_color: #bbb;

/*
  WIDGET BOX BORDER COLORS
  These colors are applied to borders around or within boxes that have a background color,
  like widgets.
  */
  theme_foreground_border_color: #d0e2ec;
  theme_foreground_border_color_light: #d7e8f1;
  theme_foreground_background_color: #e9f4fa;

/*
  INPUT FIELDS AND BUTTONS
  These values style input fields and buttons that appear throughout the layout.
  */
  theme_input_background_color: #fff;
  theme_input_font_color: #555;
  theme_input_border_colors: #999 #ccc #ccc #999;
  theme_button_background_color: #5972A8;
  theme_button_background_color_hover: #385083;
  theme_button_font_color: #fff;
  theme_button_border_color: #29437E;

/*
  PHOTO BORDERS
  These colors are applied to the borders drawn around most images and thumbnails.
  */
  theme_photo_border_color: #ddd;
  theme_photo_border_color_hover: #aaa;

/* 
  FORMS
  These colors are applied to most forms throughout the layout.
  */
  theme_form_border_color: #ddecf3;
  theme_form_background_color: #f4f9fb;
  theme_form_label_font_color: #777;

/*
  TABS (BUTTON-STYLE)
  These colors are applied to the button-style tab menus which are often shown
  on browse pages.
  */
  theme_buttontabs_font_color: #777;
  theme_buttontabs_font_color_hover: #555;
  theme_buttontabs_font_color_active: #fff;
  theme_buttontabs_background_color: #d4e5ee;
  theme_buttontabs_background_color_hover: #c9dde7;
  theme_buttontabs_background_color_active: #55677a;

/*
  TABS
  These colors are applied to tab menus (as seen on several pages, including
  the member profile page).
  */
  theme_tabs_background_color: #e9f4fa;
  theme_tabs_border_color: #cad9e1;
  theme_tabs_border_color_hover: #cad9e1;
  theme_tabs_font_color: #838e9a;
  theme_tabs_font_color_active: #555;
  theme_tabs_background_color_active: #fff;
  theme_tabs_background_color_hover: #fff;

/*
  LISTS
  These colors are applied to some lists, especially in pull-down menus.
  */
  theme_list_background_color: #fff;
  theme_list_background_color_alt: #f9f9f9;
  theme_list_background_color_hover: #eee;

/*
  TAGS
  These colors are applied to tags, which appear on blogs, messages, etc.
  */
  theme_tag_background_color: #d3e6ef;

/*
  INLINE PULLDOWN MENUS
  These colors style the inline pulldown menus that appear throughout the layout.
  */
  theme_pulldown_background_color: #f1f6f8;
  theme_pulldown_background_color_hover: #ddeff9;
  theme_pulldown_background_color_active: #8197ab;
  theme_pulldown_font_color_active: #fff;
  theme_pulldown_border_color: #8197ab;
  theme_pulldown_contents_background_color: #fff;
  theme_pulldown_contents_list_background_color_hover: #f2f2f2;
}

/* Global member photos and icons */
img.main
{
  max-width: 720px;
  max-height: 720px;
}
img.thumb_normal
{
  max-width: 140px;
  max-height: 160px;
}
img.thumb_profile
{
  max-width: 200px;
  max-height: 400px;
}
img.thumb_icon
{
  width: 48px;
  height: 48px;
}
img.main,
img.thumb_normal,
img.thumb_profile,
img.thumb_icon
{
  border: 1px solid $theme_photo_border_color;
}

/*
GLOBAL MIXINS
These groups of styles called "mixins" are included in other
classes throughout the stylesheet.
*/

/* Gives an element a background and/or border */
=foreground
{
  background-color: $theme_foreground_background_color;
  border: 1px solid $theme_foreground_border_color;
  background-image: url(~/application/modules/Core/externals/images/foreground_bg.png);
  background-repeat: repeat-x;
}

/* Gives an element a drop shadow */
=shadow($offset_x = 0, $offset_y = 0, $blur_radius = 0, $spread_radius = 0, $shadow_color = "#aaa")
{
  -moz-box-shadow: $offset_x $offset_y $blur_radius $spread_radius $shadow_color;
  -webkit-box-shadow: $offset_x $offset_y $blur_radius $spread_radius $shadow_color;
  box-shadow: $offset_x $offset_y $blur_radius $spread_radius $shadow_color;
}

/* Gives an element rounded corners. */
=rounded($radius = 3px, $hidecorner1 = false, $hidecorner2 = false, $hidecorner3 = false, $hidecorner4 = false)
{
  -moz-border-radius: $radius;
  -webkit-border-radius: $radius;
  border-radius: $radius;

@if($hidecorner1 == true)
  {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-radius-topleft: 0px;
  }
  @if($hidecorner2 == true)
  {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-radius-topright: 0px;
  }
  @if($hidecorner3 == true)
  {
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-radius-bottomright: 0px;
  }
  @if($hidecorner4 == true)
  {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-radius-bottomleft: 0px;
  }
}

/* Prevents users from selecting contents */
=noselect
{
  -moz-user-select: none;
  -webkit-user-select: none;
}