/* Reset */ body,img,p,h1,h2,h3,h4,h5,h6,ul,ol {margin:0; padding:0; list-style:none; border:none;} /* End Reset */ body {font-size:0.8em; font-family:Arial,Verdana,Sans-Serif; background: #fff;} a {color:white;} /* Colors */ .color-yellow {background:#f2bc00;} .color-red {background:#dd0000;} .color-blue {background:#E5EFFE url('img/accordion-header.gif');} .color-white {background:#dfdfdf;} .color-orange {background:#f66e00;} .color-green {background:#8dc100;} .color-yellow h3, .color-white h3, .color-green h3 {color:#fff;} .color-red h3, .color-blue h3, .color-orange h3 {color:#183152;} /* End Colors */ /* Columns section */ #columns .column { float: left; width: 33%; /* Min-height: */ min-height: 200px; } /* Column dividers (background-images) : */ #columns .widget { margin: 5px 2px 0 2px; padding: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #columns .widget .widget-head { color: #fff; overflow: hidden; width: 100%; height: 25px; line-height: 25px; } #columns .widget .widget-head h3 { padding: 0 5px; float: left; } #columns .widget .widget-content { background: #fff url(img/widget-content-bg.png) repeat-x; color: #DDD; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; line-height: 1.2em; overflow: hidden; } #columns .widget .widget-content p { padding: 0.8em 0; border-bottom: 1px solid #666; } #columns .widget .widget-content img { float: right; margin: 10px; border: 1px solid #FFF; } #columns .widget .widget-content pre { padding: 0.5em 5px; color: #EEE; font-size: 12px; } #columns .widget .widget-content ul { padding: 5px 0 5px 20px; list-style: disc; } #columns .widget .widget-content ul li {padding: 3px 0;} #columns .widget .widget-content ul.images { padding: 7px 0 0 0; list-style: none; height: 1%; } #columns .widget .widget-content ul.images li { display: inline; float: left; } #columns .widget .widget-content ul.images img { display: inline; float: left; margin: 0 0 7px 7px; } /* End Columns section */ /* JS-Enabled CSS */ .widget-head a.remove { float: right; display: inline; background: url(img/buttons.gif) no-repeat -24px 0; width: 14px; height: 14px; margin: 8px 10px 8px 0; text-indent: -9999em; outline: none; } .widget-head a.edit { float: right; display: inline; background: url(img/buttons.gif) no-repeat; width: 24px; height: 14px; text-indent: -9999em; margin: 8px 4px 8px 4px; outline: none; } .widget-head a.collapse { float: left; display: inline; background: url(img/buttons.gif) no-repeat -52px 0; width: 14px; height: 14px; text-indent: -9999em; margin: 8px 0 8px 4px; outline: none; } .widget-placeholder { border: 2px dashed #999;} .edit-box { overflow: hidden; background: #fff url(img/widget-content-bg.png) repeat-x; margin-bottom: 2px; padding: 10px 0; } .edit-box li.item { padding: 10px 0; overflow: hidden; float: left; width: 100%; clear: both; } .edit-box label { float: left; width: 30%; color: #FFF; padding: 0 0 0 10px; } .edit-box ul.colors li { width: 20px; height: 20px; border: 1px solid #EEE; float: left; display: inline; margin: 0 5px 0 0; cursor: pointer; }