/ // Root Directory common/ // Bootstrap + Fonts, Css, Scripts bootstrap/ // Twitter Bootstrap theme/ // Theme Directory css/ // Default LESS/CSS files fonts/ // Fonts less/ // Less Files images/ // Default Images scripts/ // Scripts skins/ // Skins css/<skin>.css // Skin CSS files less/<skin>.less // Skin LESS files html/ // AdminPlus HTML versions
AdminPlus uses couple of stylesheets to control visual apperance. There are stylesheets from Twitter Bootstrap, default theme stylesheets, skin stylesheets, and plugin stylesheets.
bootstrap/css/<file>.css // Twitter Bootstrap Stylesheets theme/css/<file>.css // Default Stylesheets theme/skins/css/<skin>.css // Skin Stylesheets theme/scripts/<plugin>/css/<file>.css // Plugin stylesheets
First of all, you may ask: What the <beep> is LESS? Well, LESS is The dynamic stylesheet language.
LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the client-side (Chrome, Safari, Firefox) and server-side, with Node.js and Rhino, but for our purpose, we will use the client-side less.js compiler for FAST and SMART deveopment and for production, we'll convert and minify the LESS files to the regular CSS by using a local compiler, like WinLess.
theme/less/mixins.less // Common Mixins theme/less/style.less // Default Stylesheet theme/skins/less/<skin>.less // Skin Stylesheet
Don't worry! If you never worked with LESS before, we assure you it's not that big of a step from CSS. Actually, after you start working LESS, you'll never look back. Also, it has a really great documentation.
AdminPlus uses many 3rd party plugins & scripts, as well as custom
ones. There are scripts from Twitter Bootstrap, jQuery & plugins,
Modernizr, custom scripts, etc. They are all located in
theme/scripts/.
For more information about external scripts reffer to Credits