|
First is our only me  , but our looks nicer.
I do this, because I develop my own CSS Framework, which when it is ready for public really be easy to customize Magento CSS.
An example I will show below.
Overwrite a dropdown widget will be easy like this.
<link type="text/css" ... core.css...> <!-- Nothing to change here -->
This wil load the whole CSS framework, include the customized .css(only one file need to customize) in the page.
Example dropdownlist customized
<div class="dropdown">...</div> <!-- Nothing to change here -->
Here the customized .dropdown class in customized css file(only one file needed for customizing the framework.
/**
* Change only background and border.
*/
.dropdown {
background-color: red;
border: 1px solid blue;
}
.dropdown:hover {
border: 1px solid #c5c5c5;
}
.dropdown.hightlight a:hover {
background-color: yellow;
}
I’m not going to tell all core, widgets, etc.
Follow the site if you are interrested in it, the CSS framework is 100% CSS.
I test only in the latest browsers (Firefox, Opera and IE) at this time, later I test it in older and other browsers, but that will need hacks.
I hope to informed enough at this time, but questions and suggestions are always welcome.
|
