Design Modernization

Post about your customizations to share with others.

Moderators: Contributor, Developer

Design Modernization

Postby Lapinkiller » Jan 17, 2012 9:06 am

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 :

mantis_new_design.png
Under the rabbit license : for each use, you have to eat a carrot
mantis_new_design.png (226.15 KiB) Viewed 11064 times
Lapinkiller,
French PHP developer
New look for your mantis : viewtopic.php?f=4&t=20055
Lapinkiller
 
Posts: 397
Joined: Jan 28, 2011 1:47 pm
Location: France

Re: Design Modernization

Postby Madrileño » Dec 26, 2012 10:26 pm

Thank you Lapinkiller (merci) for this CSS. :)
Commencez par changer en vous ce que vous voulez changer autour de vous : Gandhi.
Madrileño
 
Posts: 9
Joined: Dec 24, 2012 1:18 am
Location: France - Espagne - Europe


Return to Customizations

Who is online

Users browsing this forum: Google [Bot] and 5 guests