Ich habe schon sehr oft das Standard-Template von Joomla für die Verwendung in unserem Firmenintranet angepasst. Hierbei habe ich eine ganze Menge über Joomla gelernt. Jetzt aber will gerne selbst einmal ein reaktionsfähiges responsive Template für Joomla3 erstellen welches HTML5 und CSS3 so verwendet, dass es beim W3C auch validiert. Als erstes habe mir dazu einmal alle wichtigen Klassen, die nach einer Standardinstallation gebraucht werden, angesehen. Vielleicht kann der ein oder andere meine Recherchen auch gut brauche

Hier mein Ergebnis:

/*SEARCH*/
div.search{
}
div.search form.form-inline{
}
div.search form.form-inline label.element-invisible{
}
div.search form.form-inline input#mod-search-searchword{
}
/*Menü*/
ul.nav{
}
/* auch möglich
ul.menu{
}
ul.nav-pills{
}
*/
ul.nav li.current{
}
/* auch möglich
ul.nav li.active{
}
*/
ul.nav li{
}
ul.nav li a{
} 
/*Breadcrumbs*/
ul.breadcrumb{
}
ul.breadcrumb li{
}
ul.breadcrumb li.active{
}
ul.breadcrumb li.active span.divider{
}
ul.breadcrumb li.active span.divider i.icon-location{
}
ul.breadcrumb li.active span.divider i.hasTooltip{
}
ul.breadcrumb li span.divider{
}
ul.breadcrumb li span{
}
ul.breadcrumb li a.pathway{
}
/*EIGENES HTML*/
div.custom{
}
div.custom p{
}
div.custom p img{
}
/*Login Formular*/
form#login-form{
}
form#login-form div.userdata{
}
form#login-form div.userdata div#form-login-username{
}
form#login-form div.userdata div#form-login-username div.controls{
}
form#login-form div.userdata div#form-login-username div.controls div.input-prepend{
}
form#login-form div.userdata div#form-login-username div.controls div.input-prepend span.add-on {
}
form#login-form div.userdata div#form-login-username div.controls div.input-prepend span.add-on i.icon-user {
}
form#login-form div.userdata div#form-login-username div.controls div.input-prepend span.add-on  label.element-invisible{
}
form#login-form div.userdata div#form-login-username div.controls div.input-prepend input#modlgn-username{
}
form#login-form div.userdata div#form-login-username div.controls div.input-prepend a.btn{
}
form#login-form div.userdata div#form-login-username div.controls div.input-prepend a.btn i.icon-question-sign{
}
form#login-form div.userdata div#form-login-password{
}
form#login-form div.userdata div#form-login-password div.controls{
}
form#login-form div.userdata div#form-login-password div.controls div.input-prepend{
}
form#login-form div.userdata div#form-login-password div.controls div.input-prepend span.add-on i.icon-lock {
}
form#login-form div.userdata div#form-login-password div.controls div.input-prepend span.add-on label.element-invisible{
}
form#login-form div.userdata div#form-login-password div.controls div.input-prepend input#modlgn-passwd{
}
form#login-form div.userdata div#form-login-password div.controls div.input-prepend a.btn{
}
form#login-form div.userdata div#form-login-password div.controls div.input-prepend a.btn i.icon-question-sign{
}
form#login-form div.userdata div#form-login-remember{
}
form#login-form div.userdata div#form-login-remember label.control-label{
}
form#login-form div.userdata div#form-login-remember input.control-label{
}
form#login-form div.userdata div#form-login-remember input.inputbox{
}
form#login-form div.userdata div#form-login-submit{
}
form#login-form div.userdata div#form-login-submit div.controls{
}
form#login-form div.userdata div#form-login-submit div.controls button.btn{
}
form#login-form div.userdata ul.unstyled{
}
form#login-form div.userdata ul.unstyled li{
}
form#login-form div.userdata ul.unstyled li a{
}
form#login-form div.userdata ul.unstyled li a i.icon-arrow-right{
}
form#login-form div.userdata input{
}
/*Neueste Beiträge*/
ul.latestnews{
}
ul.latestnews li{
}
ul.latestnews li a{
}
/*Systemnachrichten*/
div#system-message-container{
}
div#system-message-container div#system-message{
}
/* Component - Der eigentliche Inhalte  */
div.item-page{
}
div.item-page div.page-header{
}
div.item-page div.page-header h1,h2,h2,h3,h4{
}
div.item-page div.page-header h1,h2,h2,h3,h4 a{
}
div.item-page div.pull-right{
}
div.item-page div.pull-right ul.nav{
}
div.item-page div.pull-right ul.nav li.toclink{
}
div.item-page div.pull-right ul.nav li.active{
}
div.item-page div.pull-right ul.nav li.active a.toclink{
}
div.item-page div.pull-right ul.nav li.active a.active{
}
div.item-page div.pagenavcounter{
}
/*hier gibt es noch weiter ...*/
div.item-page p{
}
div.item-page div.pager{
}
div.item-page div.pager ul{
}
div.item-page div.pager ul li{
}
div.item-page div.pager ul li a{
}
div.item-page div#_mcePaste{
}

Klicke auf den Titel des Artikels um auch meine Vorgehensweise zu erfahren.