As we have already known, PHPMaker 10 generates the web application using HTML5 and Twitter Bootstrap (a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development). Bootstrap 3 had been released about a month ago which contains some new great features. Mobile-first is the main change in Bootstrap 3. When this article is being written, I have been using PHPMaker version 10.0.1, but unfortunately, PHPMaker are still using Bootstrap 2.3.2 and there is no panel style included in the bootstrap.css file.
So I made this extension in order to include the additional .css code such as for displaying the panel for the Login, Forgot Password, Register, and Change Password pages. I wanted to make those pages are difference than the default one. This panel style will make those page become more eye-catching. Simple, yet so nice looking. Besides that, this extension can be enhanced by adding another .css code if necessary in the future. In other words, this extension is intended to be used to provide you the additional css code that not provided by the bootstrap.css and the other .css file(s) that generated by PHPMaker. However, you can also override the .css code that generated by PHPMaker by adding your own style into this extension (if necessary).
This extension has the strong relationship between the other extensions that I created for PHPMaker 10, such as MasinoLogin10, MasinoForgotPwd10, MasinoRegister10, and MasinoChangePwd10. If you use those four extensions, then make sure you have also enabled this MasinoCustomCSS10 extension.
Updated on October 11, 2013: Some code customization that related to other extensions.
Updated on January 17, 2014: Fixed: the icon size changes become dot when it is located at the row of the table and displaying by Google Chrome browser.
Last Updated on May 12, 2014: Now the Modal dialog supports for mobile responsive design.