Design Modernization
Posted: 17 Jan 2012, 14:06
Hello,
For thus who want to have a newest/modern design on mantis i have a very simple solution that use only CSS (and css3)
in default.css change table.width100 by :
table.width100 {
border: 1px solid #DDCCEE;
border-radius: 7px;
box-shadow: 5px 5px 10px #888;
width: 100%;
}
again for width90 (for report page)
table.width90 {
border: 1px solid #DDCCEE;
border-radius: 7px;
box-shadow: 5px 5px 10px #888;
width: 90%;
}
idem for table50 (used for login form)
table.width50 {
border: 1px solid #DDCCEE;
border-radius: 7px;
box-shadow: 5px 5px 10px #888;
width: 50%;
}
idem for table75
table.width75 {
border: 1px solid #DDCCEE;
border-radius: 7px;
box-shadow: 5px 5px 10px #888;
width: 75%;
}
you can add -moz, -webkit for border-radius and box shadow for compatibility with some old webbrowsers like Firefox 3.5
The result :
For thus who want to have a newest/modern design on mantis i have a very simple solution that use only CSS (and css3)
in default.css change table.width100 by :
table.width100 {
border: 1px solid #DDCCEE;
border-radius: 7px;
box-shadow: 5px 5px 10px #888;
width: 100%;
}
again for width90 (for report page)
table.width90 {
border: 1px solid #DDCCEE;
border-radius: 7px;
box-shadow: 5px 5px 10px #888;
width: 90%;
}
idem for table50 (used for login form)
table.width50 {
border: 1px solid #DDCCEE;
border-radius: 7px;
box-shadow: 5px 5px 10px #888;
width: 50%;
}
idem for table75
table.width75 {
border: 1px solid #DDCCEE;
border-radius: 7px;
box-shadow: 5px 5px 10px #888;
width: 75%;
}
you can add -moz, -webkit for border-radius and box shadow for compatibility with some old webbrowsers like Firefox 3.5
The result :