If you want DSpace ( jsp user interface ) to look like this :
. Then here is the css which can do that for you 🙂 :
A { color: #336699 }
BODY { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #000000;
background: #334B57;
margin: 0;
padding: 0;
margin-left:2px;
margin-right:2px;
margin-top:5px;
margin-bottom:2px }
H1 { margin-left: 11px;
margin-right: 11px;
font-size: 13px;
font-weight: bold;
font-style: normal;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
color: #336699 }
H2 { margin-left: 11px;
margin-right: 11px;
font-size: 12px;
font-style: normal;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif ;
color: #669966 }
H3 { margin-left: 11px;
margin-right: 11px;
font-size: 12px;
font-weight: bold;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
color: #cc6600 }
H4 { margin-left: 11px;
margin-right: 11px;
font-size: 12px;
font-weight: bold;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
color: #336699 }
p { margin-left: 11px;
margin-right: 11px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px; }
DIV { margin-left: 11px;
margin-right: 11px;
margin-bottom: 15px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;}
UL { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px; }
.standard { margin-left: 11px;
margin-right: 11px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px; }
.pageBanner { width: 100%;
border: 0;
margin: 0;
background: #dce5ed;
color: #000000;
padding: 0;
vertical-align: middle }
.tagLine { vertical-align: bottom;
padding: 11px;
border: 0;
margin: 0;
background: #dfebf4;
color: #ff6600 }
.tagLineText { background: #ffffff;
color: #ff6600;
font-size: 12px;
font-weight: bold;
border: 0;
margin: 0 }
.stripe { background: #336699 url(/image/stripe.gif) repeat-x;
vertical-align: top;
height: 8px;
border: 0;
padding: 0;
margin: 0;
color: #ffffff }
.locationBar { font-size: 12px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
color: #336699;
font-weight: bold;
text-align: left }
.centralPane { margin: 1px;
vertical-align: top;
padding: 0px;
background:#daeafc;
border: 0 }
.pageContents { FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
background: white;
color: black;
vertical-align: top;
width: 100% }
.navigationBarTable{ width: 100%;
padding: 2px;
margin: 2px;
border: 0 }
.navigationBar { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #252645;
text-decoration: none;
background: white }
.navigationBarSublabel{ font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #336699;
text-decoration: none;
background: white;
white-space: nowrap }
.navigationBarItem { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #252645;
background: #ffffff;
text-decoration: none;
vertical-align: middle;
white-space: nowrap }
.loggedIn { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #882222;
background: #ffffff }
.pageFooterBar { width: 100%;
border: 0;
margin: 0;
padding: 0;
background: #ffffff;
color: #000000;
vertical-align: middle }
.pageFootnote { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
background: #ffffff;
color: #252645;
text-decoration: none;
text-align: left;
vertical-align: middle;
margin-left: 11px;
margin-right: 11px }
.sidebar { background: #ffffff;
color: #000000 }
.communityLink { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-weight: bold }
.communityLink a { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
color: #669966;
font-weight: bold }
.communityStrength { font-weight:normal;}
.communityDescription { margin-left: 20px;
margin-right: 11px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-weight: normal;
list-style-type: none }
.collectionListItem { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-weight: normal }
.collectionListItem a { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
color: #336699;
font-weight: normal }
.collectionDescription { margin-left: 20px;
margin-right: 11px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-weight: normal;
list-style-type: none }
.miscListItem { margin-left: 20px;
margin-right: 11px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
list-style-type: none }
.copyrightText { margin-left: 20px;
margin-right: 20px;
text-align: center;
font-style: italic;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
list-style-type: none }
.browseBarLabel { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #000000;
background: #ffffff;
vertical-align: middle;
text-decoration: none }
.browseBar { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
background: #ffffff;
color: #252645;
vertical-align: middle;
text-decoration: none }
.itemListCellOdd { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #ffffff }
.itemListCellEven { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #e7f0fb }
.itemListCellHilight { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #ddddff }
.topNavLink { margin-left: 11px;
margin-right: 11px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
text-align: center }
.submitFormLabel { margin-left: 11px;
margin-right: 11px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-weight: bold;
font-size: 12px;
text-align: right }
.submitFormHelp { margin-left: 11px;
margin-right: 11px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 11px;
text-align: center }
.submitFormWarn { margin-left: 11px;
margin-right: 11px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-weight: bold;
font-size: 13px;
color: #ff6600;
text-align: center }
.uploadHelp { margin-left: 20px;
margin-right: 20px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
text-align: left }
.submitFormDateLabel { margin-left: 11px;
margin-right: 11px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: italic;
text-align: center }
.submitProgressTable{ margin: 0;
padding: 0;
border: 0;
vertical-align: top;
text-align: center;
white-space: nowrap }
.submitProgressButton{ border: 0 }
.submitProgressButtonDone{ border: 0;
background-image: url(/image//submit/done.gif);
background-position: center;
height: 30px;
width: 90px;
font-size: 13px;
color: black;
background-repeat: no-repeat; }
.submitProgressButtonCurrent{ border: 0;
background-image: url(/image//submit/current.gif);
background-position: center;
height: 30px;
width: 90px;
font-size: 13px;
color: white;
background-repeat: no-repeat; }
.submitProgressButtonNotDone{ border: 0;
background-image: url(/image//submit/notdone.gif);
background-position: center;
height: 30px;
width: 90px;
font-size: 13px;
color: black;
background-repeat: no-repeat; }
.miscTable { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #daeafc }
.miscTableNoColor { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #ffffff }
.oddRowOddCol{ font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #ffffff;
padding: 3px }
.evenRowOddCol{ font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #e7f0fb;
padding: 3px }
.oddRowEvenCol{ font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #e7f0fb;
padding: 3px }
.evenRowEvenCol{ font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #e7f0fb;
padding: 3px }
.highlightRowOddCol{ font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #ccccee;
padding: 3px }
.highlightRowEvenCol{ font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #bbbbcc;
padding: 3px }
.itemDisplayTable{ text-align: center;
border: 0;
color: #000000 }
.metadataFieldLabel{ font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #000000;
vertical-align: top;
text-align: right;
text-decoration: none;
white-space: nowrap;
padding: 3px }
.metadataFieldValue{ font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: top;
text-align: left;
text-decoration: none;
padding: 3px }
.recentItem { margin-left: 11px;
margin-right: 11px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px }
.searchBox { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #e7f0fb;
padding: 0;
border: 0;
margin: 0 }
.searchBoxLabel { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #336699;
background: #e7f0fb;
text-decoration: none;
vertical-align: middle }
.searchBoxLabelSmall { font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #000000;
background: #e7f0fb;
text-decoration: none;
vertical-align: middle }
.attentionTable
{
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #cc9966;
}
.attentionCell
{
background: #ffffcc;
text-align: center;
}
.help {font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
background: #ffffff;
margin-left:11px;}
.help h2{text-align:center;
font-size:12px;
color:#000000;}
.help h3{font-weight:bold;
margin-left:0px;}
.help h4{font-weight:bold;
font-size: 12px;
margin-left:5px;}
.help h5{font-weight:bold;
margin-left:10px;
line-height:.5;}
.help p {font-size:12px;}
.help table{margin-left:9px;
width:90%;}
.help table.formats{font-size:12px;}
.help ul {font-size:12px;}
.help p.bottomLinks {font-size:12px;
font-weight:bold;}
.help td.leftAlign{font-size:12px;}
.help td.rightAlign{text-align:right;
font-size:12px;}
ul.controlledvocabulary {
list-style-type:none; }
.controlledvocabulary ul li ul {
list-style-type:none;
display:none; }
input.controlledvocabulary {
border:0px; }
img.controlledvocabulary {
margin-right:9px ! important;
margin-left:12px ! important;
cursor:hand; }
.submitFormHelpControlledVocabularies {
margin-left: 11px;
margin-right: 11px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 11px;
text-align: left; }
.controlledVocabularyLink {
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 11px; }
option {font-size: 12px;
}
select {font-size: 12px;
}
input {font-size: 12px;
}
.reportTitle a {font-size: 14px;
}
.reportDate {font-size: 12px;
}
li.communityLink {
list-style-type: none;
}
ul.communityLink-collapse {
padding-left: 11px;
}