Page 1 of 1

Design Modernization

Posted: 17 Jan 2012, 14:06
by Lapinkiller
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 :
Under the rabbit license : for each use, you have to eat a carrot
Under the rabbit license : for each use, you have to eat a carrot
mantis_new_design.png (226.15 KiB) Viewed 15642 times

Re: Design Modernization

Posted: 27 Dec 2012, 03:26
by MadrileƱo
Thank you Lapinkiller (merci) for this CSS. :)