CSS Compressor & Minifier Free CSS Compressor and CSS Compression Tool CSS COMPRESSOR TOOL FEATURES & OPTIONS INSTRUCTIONS CSS Input: CSS-Code:fa/* Theme Name: PSBA Theme Theme URI: http://pugetsoundbees.org Description: A custom theme for Puget Sound Beekeepers Association */ /* HTML5 Reset Wordpress Theme :: style.css ---------------------------------------------------------- We have learned much from/been inspired by/taken code where offered from: Eric Meyer :: http://ericmeyer.com HTML5 Doctor :: http://html5doctor.com and the HTML5 Boilerplate :: http://html5boilerplate.com Special thanks: The Wordpress theme owes its start to an empty theme authored by Chris Coyier & Jeff Starr: http://digwp.com -------------------------------------------------------------------------------*/ /* Let's default this puppy out\A -----------------------------------------\A --------------------------------------*/\A \A html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {\A margin: 0;\A padding: 0;\A border: 0;\A outline: 0;\A font-size: 100%;\A vertical-align: baseline;\A background: transparent;\A } \A \A article, aside, figure, footer, header, hgroup, nav, section {display: block;}\A \A /* Responsive images and other embedded objects\A Note: keeping IMG here will cause problems if you're using foreground images as sprites,like,say for Google Maps custom placemarkers. There has been a report of problems with standard Google maps as well,but we haven't been able to duplicate or diagnose the issue. */\A img,\A object,\A embed {max-width: 100%;}\A \A /* force a vertical scrollbar to prevent a jumpy page */\A html {overflow-y: scroll;}\A \A /* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */\A ul {list-style: none;}\A #homecontent #SFctr h2{visibility:visible;border:none}\A \A blockquote, q {quotes: none;}\A \A blockquote:before, \A blockquote:after, \A q:before, \A q:after {content: ''; content: none;}\A \A a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}\A \A del {text-decoration: line-through;}\A \A abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}\A \A /* tables still need cellspacing="0" in the markup */\A table {border-collapse: collapse; border-spacing: 0;}\A th {font-weight: bold; vertical-align: bottom;}\A td {font-weight: normal; vertical-align: top;}\A \A hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}\A \A input, select {vertical-align: middle;}\A \A pre {\A white-space: pre; /* CSS2 */\A white-space: pre-wrap; /* CSS 2.1 */\A white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */\A word-wrap: break-word; /* IE */\A }\A \A input[type="radio"] {vertical-align: text-bottom;}\A input[type="checkbox"] {vertical-align: bottom; vertical-align: baseline;}\A .ie6 input {vertical-align: text-bottom;}\A \A select, input, textarea {font: 99% sans-serif;}\A \A table {font-size: inherit; font: 100%;}\A \A /* Accessible focus treatment\A people.opera.com/patrickl/experiments/keyboard/test */\A a:hover, a:active {outline: none;}\A \A small {font-size: 85%;}\A \A strong, th {font-weight: bold;}\A \A td, td img {vertical-align: top;} \A \A /* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */ sub,sup { font-size:75%; line-height:0; position:relative; } sup { top:-.5em; } sub { bottom:-.25em; } pre,code,kbd,samp { font-family:monospace, sans-serif; } .clickable,label,input[type=button],input[type=submit],button { cursor:pointer; } body #SFctr button,body #SFctr a.SFbtn { color:#bc6342; background:#feeb84; box-shadow:0 1px 0 rgba(255,255,255,0.2) inset; border:1px solid #aaa; } body #SFctr button:hover,body #SFctr a.SFbtn:hover { color:#FFF; background-color:#444; text-decoration:none; } button,input,select,textarea { margin:0; } button { width:auto; overflow:visible; } .ie7 img { -ms-interpolation-mode:bicubic; } .ie6 html { filter:expression(document.execCommand("BackgroundImageCache",false,true)); } .clearfix:before,.clearfix:after { content:"\0020"; display:block; height:0; overflow:hidden; } .clearfix:after { clear:both; } .clearfix { zoom:1; } body { font:14px Helmet, Freesans, sans-serif; background-color:#fff; background-image:url(http://www.pugetsoundbees.org/wp-content/uploads/2013/01/honeycomb_sheet500.jpg); background-repeat:repeat-y repeat-x; } body,select,input,textarea { color:#393536; } a { color:#bc6342; text-decoration:none; } h2 { border-top:1px solid #999; color:#514436; font-family:Century Gothic,Arial,sans-serif; font-size:20px; margin-top:20px; padding-top:15px; } h3 { color:#bc6342; margin-bottom:10px; } ul { margin:15px 0; } ol { margin-left:50px; width:400px; } li { margin-top:15px; margin-bottom:5px; } a:link { -webkit-tap-highlight-color:#fcd700; } ins { background-color:#fcd700; color:#000; text-decoration:none; } mark { background-color:#fcd700; color:#000; font-style:italic; font-weight:700; } #wrapper { width:980px; background-color:#fff; margin:30px auto; padding:15px; } .wp-caption-text { text-align:center; } #header { padding-bottom:10px; margin:0 20px; } #header h1 { font-size:0; text-indent:-1000px; } #logo { float:left; padding:10px 0 10px 10px; } #header-widget { width:150px; float:right; color:#bc6342; list-style:none; padding-right:40px; margin-top:20px; } #mainnav { width:100%; height:40px; clear:both; } #navsidebar { border-bottom:5px solid #feeb84; } #navsidebar li { letter-spacing:1px; padding:10px; } ul.dropdown li.parent > a:after { border:none; } #homemain { background:transparent url(http://pugetsoundbees.org/wordpress/wp-content/themes/custom_theme/images/honeycomb_sheet.jpg) center top no-repeat; } #homecontent { overflow:hidden; margin-left:130px; } #homewidget { overflow:hidden; width:100%; margin:20px 0 10px 65px; } .textwidgeth { width:40%; float:left; margin-right:3%; background:#fff; list-style:none; overflow:hidden; border:1px solid #514436; height:150px; padding:10px; } .textwidgeth li { list-style:none; margin-bottom:10px; } #homecontent h2 { visibility:hidden; } #blogcontent { width:600px; float:left; color:#666; font-size:14px; letter-spacing:.4px; line-height:1.5; margin:10px 0 30px 50px; } .blogh2 { border:none; font-size:20px; } #blogcontent h3 { margin-bottom:0; } #blogcontent .entry { margin-top:20px; margin-bottom:15px; } .postmetadata { border-bottom:1px solid; margin-bottom:30px; padding-bottom:15px; } #blogcontent p { margin-bottom:10px; line-height:1.5; } .entry-content ul { list-style:circle; } .post { margin-bottom:60px; } #main { overflow:hidden; color:#393536; clear:both; margin:-25px 10px 20px 20px; } .content { float:right; border-left:5px solid #feeb84; width:700px; line-height:1.5; padding-left:40px; padding-top:20px; margin-bottom:50px; } .content h2 { color:#4D433A; font-size:18px; margin-bottom:10px; border:none; } .content h4 { border-top:15px; } .content li { list-style:circle; margin:5px 0 10px 25px; } .nosidebar { width:700px; line-height:1.5; margin:50px auto; } .nosidebar h2 { color:#4D433A; font-size:18px; margin-bottom:10px; } .nosidebar li { list-style:circle; margin-left:30px; } .nosidebar img { padding:10px 20px; } #image { width:325px; float:right; margin:30px 100px 20px 20px; } #image p { margin:5px 0 0 20px; } #post-1740 h4 { margin-top:25px; } .sidebar { width:200px; margin-top:100px; } .sidebar li a { color:#4D433A; font-size:14px; } .sidebar h2 { border:medium none; font-size:16px; margin-bottom:0; margin-top:40px; padding-bottom:0; } #blog_sidebar { width:220px; float:right; margin-top:50px; list-style:none; } #blog_sidebar h3 { font-size:16px; color:#514436; margin:20px 0 5px; } #mailchimpsf_widget-2,#utcw-2,#text-6,#text-8 { border-bottom:3px solid #feeb84; padding-bottom:10px; } .mc_header { width:240px; } #contactcontent h3 { border-bottom:1px solid #feeb84; margin-bottom:10px; } div .wpcf7 { overflow:hidden; } div .wpcf7 p { width:400px; margin:10px; } #footer { text-align:center; background-color:#feeb84; display:block; overflow:hidden; clear:both; margin:40px 0 10px; } #footer-widget { overflow:hidden; margin:20px 0 20px 35px; } #footer-widget .widget-container { width:30%; float:left; margin-right:3%; background:#fff; height:355px; } #footer-widget li { text-decoration:none; list-style:none; } .find { margin-right:8px; vertical-align:15px; } #footer-widget .widget-container h3 { font-size:16px; color:#bc6342; margin-top:10px; padding:5px; } .widget-container ul { width:255px; text-align:left; margin-bottom:0; padding:0 15px 10px; } #copyright { text-align:center; clear:both; color:#bc6342; padding:10px 0; } #search-5 { margin-top:15px; } #searchform { margin-right:20px; } #searchsubmit { margin-left:5px; } ol.commentlist li.comment { border-bottom:1px dotted #666; padding:10px; } ol.commentlist li.comment div.vcard cite.fn { font-style:normal; } ol.commentlist li.comment div.vcard img.avatar { float:right; margin:0 0 10px 10px; } ol.commentlist li.comment div.comment-meta { font-size:10px; } ol.commentlist li.comment div.comment-meta a { color:#ccc; } ol.commentlist li.comment div.reply { font-size:11px; } ol.commentlist li.comment ul.children { list-style:none; margin:10px 0 0; } ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 10px 10px; } ol.commentlist li.even { background:#fff; } ol.commentlist li.odd { background:#f6f6f6; } ol.commentlist li.parent { border-left:5px solid #111; } .alignleft { float:left; } .alignright { float:right; } CSS from URL: Code Layout: Compression (code layout):Highest (no readability,smallest size)High (moderate readability,smaller size)Standard (balance between readability and size)Low (higher readability)Custom (enter below) Custom template Options Preserve CSS Sort Selectors (caution) Sort Properties Regroup selectors Do not change anythingOnly seperate selectors (split at,)Merge selectors with the same properties (fast) Optimise shorthands Don't optimiseSafe optimisationsAll optimisations \A Compress colors\A Compress font-weight\A Lowercase selectors\A Case for properties:\A None Lowercase Uppercase\A Remove unnecessary backslashes\A Remove last ;\A Discard invalid properties CSS2.1CSS2.0CSS1.0\A Add timestamp\A Output as file \A \A \A Messages \A 23 - Fixed incorrect newline in string\A 24 - Fixed incorrect newline in string\A 25 - Fixed incorrect newline in string\A 26 - Fixed incorrect newline in string\A 27 - Fixed incorrect newline in string\A 28 - Fixed incorrect newline in string\A 29 - Fixed incorrect newline in string\A 30 - Fixed incorrect newline in string\A 31 - Fixed incorrect newline in string\A 32 - Fixed incorrect newline in string\A 33 - Fixed incorrect newline in string\A 34 - Fixed incorrect newline in string\A 35 - Fixed incorrect newline in string\A 36 - Fixed incorrect newline in string\A 37 - Fixed incorrect newline in string\A 38 - Fixed incorrect newline in string\A 39 - Fixed incorrect newline in string\A 41 - Fixed incorrect newline in string\A 42 - Fixed incorrect newline in string\A 43 - Fixed incorrect newline in string\A 44 - Fixed incorrect newline in string\A 45 - Fixed incorrect newline in string\A 46 - Fixed incorrect newline in string\A 47 - Fixed incorrect newline in string\A 48 - Fixed incorrect newline in string\A 50 - Fixed incorrect newline in string\A 51 - Fixed incorrect newline in string\A 52 - Fixed incorrect newline in string\A 53 - Fixed incorrect newline in string\A 54 - Fixed incorrect newline in string\A 55 - Fixed incorrect newline in string\A 56 - Fixed incorrect newline in string\A 57 - Fixed incorrect newline in string\A 58 - Fixed incorrect newline in string\A 59 - Fixed incorrect newline in string\A 60 - Fixed incorrect newline in string\A 61 - Fixed incorrect newline in string\A 62 - Fixed incorrect newline in string\A 63 - Fixed incorrect newline in string\A 64 - Fixed incorrect newline in string\A 65 - Fixed incorrect newline in string\A 66 - Fixed incorrect newline in string\A 67 - Fixed incorrect newline in string\A 68 - Fixed incorrect newline in string\A 69 - Fixed incorrect newline in string\A 70 - Fixed incorrect newline in string\A 71 - Fixed incorrect newline in string\A 72 - Fixed incorrect newline in string\A 73 - Fixed incorrect newline in string\A 74 - Fixed incorrect newline in string\A 75 - Fixed incorrect newline in string\A 76 - Fixed incorrect newline in string\A 77 - Fixed incorrect newline in string\A 78 - Fixed incorrect newline in string\A 79 - Fixed incorrect newline in string\A 80 - Fixed incorrect newline in string\A 81 - Fixed incorrect newline in string\A 82 - Fixed incorrect newline in string\A 83 - Fixed incorrect newline in string\A 84 - Fixed incorrect newline in string\A 85 - Fixed incorrect newline in string\A 86 - Fixed incorrect newline in string\A 87 - Fixed incorrect newline in string\A 88 - Fixed incorrect newline in string\A 89 - Fixed incorrect newline in string\A 90 - Fixed incorrect newline in string\A 91 - Fixed incorrect newline in string\A 92 - Fixed incorrect newline in string\A 93 - Fixed incorrect newline in string\A 94 - Fixed incorrect newline in string\A 95 - Fixed incorrect newline in string\A 96 - Fixed incorrect newline in string\A 97 - Fixed incorrect newline in string\A 98 - Fixed incorrect newline in string\A 99 - Fixed incorrect newline in string\A 100 - Fixed incorrect newline in string\A 103 - Optimized number: Changed "-0.5em" to "-.5em"\A 104 - Optimized number: Changed "-0.25em" to "-.25em"\A 118 - Invalid property in CSS2.1: box-shadow\A 119 - Optimized color: Changed "white" to "#FFF"\A 128 - Invalid property in CSS2.1: -ms-interpolation-mode\A 131 - Invalid property in CSS2.1: filter\A 136 - Invalid property in CSS2.1: zoom\A 217 - Invalid property in CSS2.1: text-shadow\A 218 - Invalid property in CSS2.1: text-shadow\A 221 - Invalid property in CSS2.1: -webkit-tap-highlight-color\A 224 - Optimized font-weight: Changed "bold" to "700"\A 429 - Optimized shorthand notation (margin): Changed "25px 0 5px 0" to "25px 0 5px"\A 473 - Optimized shorthand notation (margin): Changed "25px 0 5px 0" to "25px 0 5px"\A 535 - Optimized shorthand notation (margin): Changed "20px 0 5px 0" to "20px 0 5px"\A 573 - Optimized shorthand notation (margin): Changed "40px 0 10px 0" to "40px 0 10px"\A 611 - Optimized shorthand notation (padding): Changed "0 15px 10px 15px" to "0 15px 10px"\A 613 - Optimized number: Changed "0px" to "0"\A 676 - Optimized font-weight: Changed "bold" to "700"\A \A \A Input: 16.085KB, Output:10.82KB, Compression Ratio: 32.7% (-5265 Bytes) - Copy to clipboardfa/* Theme Name: PSBA Theme\A Theme URI: http://pugetsoundbees.org\A Description: A custom theme for Puget Sound Beekeepers Association\A */\A /*\A HTML5 Reset Wordpress Theme :: style.css\A ----------------------------------------------------------\A We have learned much from/been inspired by/taken code where offered from:\A Eric Meyer :: http://ericmeyer.com\A HTML5 Doctor :: http://html5doctor.com\A and the HTML5 Boilerplate :: http://html5boilerplate.com\A Special thanks: The Wordpress theme owes its start to an empty theme authored by Chris Coyier & Jeff Starr: http://digwp.com\A -------------------------------------------------------------------------------*/\A /* Let's default this puppy out\A-----------------------------------------\A--------------------------------------*/\A\Ahtml,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video { \amargin:0; \apadding:0; \aborder:0; \aoutline:0; \afont-size:100%; \avertical-align:baseline; \abackground:transparent; } \A\A article,aside,figure,footer,header,hgroup,nav,section { display:block; } \A\A/* Responsive images and other embedded objects\A Note: keeping IMG here will cause problems if you're using foreground images as sprites,like,say for Google Maps custom placemarkers. There has been a report of problems with standard Google maps as well,but we haven't been able to duplicate or diagnose the issue. */\Aimg,\Aobject,\A embed { max-width:100%; } \A\A/* force a vertical scrollbar to prevent a jumpy page */\Ahtml { overflow-y:scroll; } \A#homecontent #SFctr h2 { visibility:visible; border:none; } \A\A blockquote,q { quotes:none; } \A\A blockquote:before,\A blockquote:after,\Aq:before,\Aq:after { content:none; } \A\A a { font-size:100%; vertical-align:baseline; background:transparent; margin:0; padding:0; } \A\A del { text-decoration:line-through; } \A\A abbr[title],dfn[title] { border-bottom:1px dotted #000; cursor:help; } \A\A/* tables still need cellspacing=0 in the markup */\Atable { border-collapse:collapse; border-spacing:0; } \Ath { font-weight:700; vertical-align:bottom; } \Atd { font-weight:400; vertical-align:top; } \A\Ahr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } \A\Ainput,select { vertical-align:middle; } \A\Apre { \awhite-space:pre-line; \aword-wrap:break-word; } \Ainput[type=checkbox] { vertical-align:baseline; } \A\Aselect,input,textarea { font:99% sans-serif; } \A\Atable { font-size:inherit; font:100%; } \A \A/* Accessible focus treatment\A people.opera.com/patrickl/experiments/keyboard/test */\A a:hover,a:active { outline:none; } \A\Asmall { font-size:85%; } \A\Atd,td img { vertical-align:top; } img.alignright,a img.alignright { float:right; margin:1em 0 1em 1em; } img.alignleft,a img.alignleft { float:left; margin:1em 1em 1em 0; } img.aligncenter,a img.aligncenter,.aligncenter { display:block; margin-left:auto; margin-right:auto; } a:hover,.nosidebar a:hover { color:#bc6342; text-decoration:underline; } p,.textwidgeth h3 { margin-bottom:10px; } ::-moz-selection,::selection { background:#fcd700; color:#fff; text-shadow:none; } #blogcontent .meta,.widget-container ul li { margin-bottom:5px; } #blogcontent a,.content a,.nosidebar a,.sidebar li a:hover { color:#bc6342; } .content h3,.nosidebar h3 { color:#4D433A; margin:25px 0 5px; } ol.commentlist,\A\A/* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */\Aul { list-style:none; } ol.commentlist li.comment div.reply a,\A\Astrong,th { font-weight:700; } \A\Ainput[type=radio],\A.ie6 input { vertical-align:text-bottom; }