added CSS support and pattern file in jsp section for future view.
This commit is contained in:
116
YACOSWeb/WebContent/stylesheets/base.css
Normal file
116
YACOSWeb/WebContent/stylesheets/base.css
Normal file
@@ -0,0 +1,116 @@
|
||||
body {
|
||||
background: url(../images/background.png) repeat-x fixed;
|
||||
font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
|
||||
padding-top: 0px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
/* @group headerBloc */
|
||||
.headerBloc {
|
||||
width: 818px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
height: 70px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.headerBloc div.content {
|
||||
background: url(../images/box-content.png) repeat-y left center;
|
||||
padding-right: 25px;
|
||||
padding-left: 25px;
|
||||
height: inherit;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.headerBloc div.footer {
|
||||
background: url(../images/box-footer.png) no-repeat left bottom;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
|
||||
/* @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;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
/* @group MiniBloc */
|
||||
#menu {
|
||||
width: 150px;
|
||||
padding: 5px 15px 0px 0px;
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.miniBloc {
|
||||
color: #a1642d;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.miniBloc div.header {
|
||||
background: url(../images/minibox-header.png) no-repeat left top;
|
||||
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;
|
||||
}
|
||||
|
||||
.miniBloc ul {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
padding: 0 0 0 5px;
|
||||
}
|
||||
|
||||
.miniBloc li {
|
||||
margin: 0;
|
||||
padding: 0 0 2px;
|
||||
}
|
||||
|
||||
.miniBloc a {
|
||||
text-transform: capitalize;
|
||||
color: #893d00;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.miniBloc a:hover {
|
||||
text-transform: capitalize;
|
||||
color: #ff7a00;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.miniBloc div.footer {
|
||||
background: url(../images/minibox-footer.png) no-repeat left top;
|
||||
}
|
||||
|
||||
/* @end */
|
||||
|
||||
#main_content {
|
||||
display: table-cell;
|
||||
}
|
||||
Reference in New Issue
Block a user