Sitemesh : layout des vues integré
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)
This commit is contained in:
Nicolas Michard
@@ -1,156 +1,159 @@
|
||||
/* @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 {
|
||||
background: url(../images/background.png) repeat-x fixed;
|
||||
font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
|
||||
padding-top: 0px;
|
||||
margin-top: 0px;
|
||||
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 headerBloc */
|
||||
.headerBloc {
|
||||
width: 818px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
/* @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: 30px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.headerBloc div.content {
|
||||
background: url(../images/box-content.png) repeat-y left center;
|
||||
padding-right: 25px;
|
||||
padding-left: 25px;
|
||||
height: inherit;
|
||||
display: block;
|
||||
#containerheader #leftdescription {
|
||||
width: 280px;
|
||||
background-color: #ff4e47;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.headerBloc div.footer {
|
||||
background: url(../images/box-footer.png) no-repeat left bottom;
|
||||
height: 22px;
|
||||
#containerheader #leftdescription p {
|
||||
font-size: x-small;
|
||||
}
|
||||
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group mainBloc */
|
||||
.mainBloc {
|
||||
width: 818px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
top: 10px;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.mainBloc div.header {
|
||||
background: url(../images/box-header.png) no-repeat left top;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
.mainBloc div.content {
|
||||
background: url(../images/box-content.png) repeat-y left center;
|
||||
padding-right: 25px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.mainBloc div.footer {
|
||||
background: url(../images/box-footer.png) left top;
|
||||
height: 22px;
|
||||
#containerheader #rightchoice {
|
||||
background-color: #da1107;
|
||||
margin-left: 300px;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group MiniBloc */
|
||||
#menu {
|
||||
#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;
|
||||
padding: 5px 15px 0px 0px;
|
||||
display: table-cell;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.miniBloc {
|
||||
color: #a1642d;
|
||||
margin-bottom: 10px;
|
||||
#main #mainmenu #mainmenubloc {
|
||||
width: 120px;
|
||||
background-color: #ffef9e;
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
.miniBloc div.header {
|
||||
background: url(../images/minibox-header.png) no-repeat left top;
|
||||
#main #mainmenu #mainmenubloc h4 {
|
||||
color: #ff0e00;
|
||||
font-weight: bold;
|
||||
font-size: medium;
|
||||
font-variant: small-caps;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.miniBloc div.content {
|
||||
background: url(../images/minibox-content.png) repeat-y left;
|
||||
padding: 5px;
|
||||
#main #mainmenu #mainmenubloc ul {
|
||||
|
||||
}
|
||||
|
||||
.miniBloc ul {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
padding: 0 0 0 5px;
|
||||
#main #mainmenu #mainmenubloc ul li {
|
||||
|
||||
}
|
||||
|
||||
.miniBloc li {
|
||||
margin: 0;
|
||||
padding: 0 0 2px;
|
||||
}
|
||||
|
||||
.miniBloc a {
|
||||
text-transform: capitalize;
|
||||
color: #893d00;
|
||||
#main #mainmenu #mainmenubloc ul li a {
|
||||
text-decoration: none;
|
||||
color: #007d1b;
|
||||
}
|
||||
|
||||
.miniBloc a:hover {
|
||||
text-transform: capitalize;
|
||||
color: #ff7a00;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.miniBloc div.footer {
|
||||
background: url(../images/minibox-footer.png) no-repeat left top;
|
||||
#main #mainmenu #mainmenubloc ul li a:hover {
|
||||
color: #80ff3a;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
#main_content {
|
||||
display: table-cell;
|
||||
width: 640px;
|
||||
}
|
||||
|
||||
.article a {
|
||||
text-decoration: none;
|
||||
color: #002bb8;
|
||||
background: none;
|
||||
}
|
||||
.article a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
/* @group maincontent */
|
||||
|
||||
ul.article {
|
||||
border-bottom : thin solid #666;
|
||||
padding-bottom: 5px;
|
||||
#main #maincontent {
|
||||
background-color: #f5e5ff;
|
||||
margin-left: 160px;
|
||||
}
|
||||
|
||||
ul.article li {
|
||||
list-style: none;
|
||||
/* @end */
|
||||
|
||||
/* @group globalfooter */
|
||||
|
||||
#globalfooter {
|
||||
width: 980px;
|
||||
height: 38px;
|
||||
margin: 18px auto;
|
||||
position: relative;
|
||||
z-index: 9998;
|
||||
background-color: #ff7eff;
|
||||
}
|
||||
|
||||
ul.article .title {
|
||||
font-size: large;
|
||||
}
|
||||
|
||||
ul.article .author {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
ul.article .topic {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
ul.article .article_url {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.conferenceBloc {
|
||||
background-color: #FFE591;
|
||||
padding: 5px;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
Reference in New Issue
Block a user