Design Modernization

Post about your customizations to share with others.

Moderators: Developer, Contributor

Post Reply
Lapinkiller
Posts: 408
Joined: 28 Jan 2011, 18:47
Location: France
Contact:

Design Modernization

Post 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 15641 times
Lapinkiller,
French PHP developer
New look for your mantis : http://www.mantisbt.org/forums/viewtopi ... =4&t=20055
Madrileño
Posts: 9
Joined: 24 Dec 2012, 06:18
Location: France - Espagne - Europe
Contact:

Re: Design Modernization

Post by Madrileño »

Thank you Lapinkiller (merci) for this CSS. :)
Commencez par changer en vous ce que vous voulez changer autour de vous : Gandhi.
Post Reply