e8cccaf588
pour faire une nouvelle page : creer jsp ds jsp / mettre balise include/html/head/body et le contenu dans body. Sitemesh decorera la page automatiquement suivant le layout main.jsp dans decorators pour tte les url (du moins pour l'instant)
160 lines
2.5 KiB
CSS
160 lines
2.5 KiB
CSS
/* @group RESET */
|
|
|
|
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
|
|
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
|
|
ul,ol { list-style: none; }
|
|
fieldset,img { border: none; }
|
|
caption,th { text-align: left; }
|
|
table { border-collapse: collapse; border-spacing: 0; }
|
|
|
|
/* @end */
|
|
|
|
body {
|
|
color:#333;
|
|
font: 12px/18px "Ludida Grande", Geneva, Arial, Verdana, sans-serif;
|
|
background: #fff url(images/background-repeat.png) repeat-x scroll left top;
|
|
}
|
|
|
|
/* @group globalHeader */
|
|
|
|
#globalheader {
|
|
width: 980px;
|
|
height: 38px;
|
|
margin: 18px auto;
|
|
position: relative;
|
|
z-index: 9998;
|
|
background-color: #ceffeb;
|
|
}
|
|
|
|
#globalheader #globalnav {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#globalheader #globalnav li {
|
|
display: inline;
|
|
}
|
|
|
|
#globalheader #globalnav li a {
|
|
float: left;
|
|
width: 117px;
|
|
height: 0;
|
|
padding-top:10px;
|
|
padding-right: 0px;
|
|
background-color: #40ff8f;
|
|
text-decoration: none;
|
|
color: #3800ff;
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* @end */
|
|
|
|
#container {
|
|
width: 980px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
background-color: #f7fbff;
|
|
}
|
|
|
|
/* @group containerheader */
|
|
|
|
#containerheader {
|
|
background-color: #ff9b9b;
|
|
padding: 8px;
|
|
position: relative;
|
|
height: 70px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#containerheader #leftdescription {
|
|
width: 280px;
|
|
background-color: #ff4e47;
|
|
float: left;
|
|
}
|
|
|
|
#containerheader #leftdescription p {
|
|
font-size: x-small;
|
|
}
|
|
|
|
#containerheader #rightchoice {
|
|
background-color: #da1107;
|
|
margin-left: 300px;
|
|
}
|
|
|
|
/* @end */
|
|
|
|
#main {
|
|
|
|
position: relative;
|
|
background-color: #8bff74;
|
|
padding: 15px 0 0;
|
|
width: 100%;
|
|
display: table;
|
|
}
|
|
|
|
#maincontent {
|
|
padding: 18px 20px;
|
|
position: relative;
|
|
color: #333;
|
|
}
|
|
|
|
/* @group mainmenu */
|
|
|
|
#main #mainmenu {
|
|
background-color: #edffe2;
|
|
width: 150px;
|
|
float: left;
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc {
|
|
width: 120px;
|
|
background-color: #ffef9e;
|
|
margin: 10px auto;
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc h4 {
|
|
color: #ff0e00;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc ul {
|
|
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc ul li {
|
|
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc ul li a {
|
|
text-decoration: none;
|
|
color: #007d1b;
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc ul li a:hover {
|
|
color: #80ff3a;
|
|
}
|
|
|
|
/* @end */
|
|
|
|
/* @group maincontent */
|
|
|
|
#main #maincontent {
|
|
background-color: #f5e5ff;
|
|
margin-left: 160px;
|
|
}
|
|
|
|
/* @end */
|
|
|
|
/* @group globalfooter */
|
|
|
|
#globalfooter {
|
|
width: 980px;
|
|
height: 38px;
|
|
margin: 18px auto;
|
|
position: relative;
|
|
z-index: 9998;
|
|
background-color: #ff7eff;
|
|
}
|
|
|
|
/* @end */
|