Files
DSpace/dspace/jsp/styles.css.jsp
Robert Tansley 094824e66e Item display page added:
- Minor fixes to stylesheet
- SFX query, bitstream list, and metadata displaying parts "componentised"


git-svn-id: http://scm.dspace.org/svn/repo/trunk@180 9c30dcfa-912a-0410-8fc2-9e0234be79fd
2002-06-17 22:08:02 +00:00

503 lines
18 KiB
Plaintext

<%--
- styles.css.jsp
-
- Version: $Revision$
-
- Date: $Date$
-
- Copyright (c) 2001, Hewlett-Packard Company and Massachusetts
- Institute of Technology. All rights reserved.
-
- Redistribution and use in source and binary forms, with or without
- modification, are permitted provided that the following conditions are
- met:
-
- - Redistributions of source code must retain the above copyright
- notice, this list of conditions and the following disclaimer.
-
- - Redistributions in binary form must reproduce the above copyright
- notice, this list of conditions and the following disclaimer in the
- documentation and/or other materials provided with the distribution.
-
- - Neither the name of the Hewlett-Packard Company nor the name of the
- Massachusetts Institute of Technology nor the names of their
- contributors may be used to endorse or promote products derived from
- this software without specific prior written permission.
-
- THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
- ``AS IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
- LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
- A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
- HOLDERS OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
- INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING,
- BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS
- OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
- ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
- TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE
- USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH
- DAMAGE.
--%>
<%--
- Main DSpace Web UI stylesheet
-
- This is a JSP so it can be tailored for different browser types
--%>
<%
// Make sure the browser knows we're a stylesheet
response.setContentType("text/css");
String imageUrl = request.getContextPath() + "/image/";
// Netscape 4.x?
boolean usingNetscape4 = false;
String userAgent = request.getHeader( "User-Agent" );
if( userAgent != null && userAgent.startsWith( "Mozilla/4" ) )
{
usingNetscape4 = true;
}
%>
A { color: #003366 }
BODY { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
color: black;
background: black;
margin: 0;
padding: 0 }
H1 { margin-left: 10px;
margin-right: 10px;
font-size: 18pt;
font-style: normal;
color: #006699 }
H2 { margin-left: 10px;
margin-right: 10px;
font-size: 16pt;
font-style: normal;
color: #006699 }
H3 { margin-left: 10px;
margin-right: 10px;
font-size: 12pt;
font-weight: bold;
color: black }
p { margin-left: 10px;
margin-right: 10px;
font-family: "Trebuchet ms", "Arial", "Helvetica", sans-serif;
font-size: 12pt }
UL { font-family: "Trebuchet ms", "Arial", "Helvetica", sans-serif;
font-size: 12pt }
<%-- This class is here so the standard style from "P" above can be applied --%.
<%-- to anything else. --%>
.standard { margin-left: 10px;
margin-right: 10px;
font-family: "Trebuchet ms", "Arial", "Helvetica", sans-serif;
font-size: 12pt }
.pageBanner { width: 100%;
border: 0;
margin: 1px;
padding: 0 }
.logoBar { background: black url(<%= imageUrl %>star-background.jpg) repeat-x;
vertical-align: top }
.locationBar { background: #A7AABB;
color: #252645;
vertical-align: middle;
height: 32px;
margin-left: 10px }
.locationBarCell { background: #A7AABB;
color: #252645;
font-size: 10pt;
font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-weight: bold;
vertical-align: middle;
text-align: left;
height: 1.0em;
text-decoration: none }
.loggedInCell { background: #A7AABB;
color: #882222;
font-size: 10pt;
font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-weight: bold;
vertical-align: middle;
text-align: right;
height: 1.0em;
text-decoration: none;
margin-right: 10px;
white-space: nowrap }
.loggedOutCell { background: #A7AABB;
color: #252645;
font-size: 10pt;
font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-weight: bold;
vertical-align: middle;
text-align: right;
height: 1.0em;
text-decoration: none;
margin-right: 10px;
white-space: nowrap }
.centralPane { margin: 1px;
vertical-align: top;
padding: 3px;
border: 0 }
<%-- HACK: Width shouldn't really be 100%: Really, this is asking that the --%>
<%-- table cell be the full width of the table. The side effect of --%>
<%-- this should theoretically be that other cells in the row be made --%>
<%-- a width of 0%, but in practice browsers will only take this 100% --%>
<%-- as a hint, and just make it as wide as it can without impinging --%>
<%-- the other cells. This, fortunately, is precisely what we want. --%>
.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: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: bold;
color: #252645;
text-decoration: none;
background: white }
.navigationBarSublabel{ font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: bold;
color: black;
text-decoration: none;
background: white;
white-space: nowrap }
<%-- HACK: Shouldn't have to repeat font information and colour here, it --%>
<%-- should be inherited from the parent, but isn't in Netscape 4.x, --%>
<%-- IE or Opera. (Only Mozilla functions correctly.) --%>
.navigationBarItem { font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: bold;
color: #252645;
text-decoration: none;
vertical-align: middle;
white-space: nowrap }
.pageFooterBar { width: 100%;
border: 0;
margin: 0;
padding: 0;
background: white }
.pageFootnote { font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: bold;
color: #252645;
text-decoration: none;
text-align: center;
vertical-align: top;
margin-left: 10px;
margin-right: 10px }
.sidebar { background: white }
.communityLink { font-family: "Trebuchet ms", "Arial", "Helvetica", sans-serif;
font-size: 14pt;
font-weight: bold }
.communityDescription { margin-left: 20px;
margin-right: 10px;
font-family: "Trebuchet ms", "Arial", "Helvetica", sans-serif;
font-size: 10pt;
font-weight: normal;
list-style-type: none }
.collectionListItem { font-family: "Trebuchet ms", "Arial", "Helvetica", sans-serif;
font-size: 12pt;
font-weight: normal }
.collectionDescription { margin-left: 20px;
margin-right: 10px;
font-family: "Trebuchet ms", "Arial", "Helvetica", sans-serif;
font-size: 10pt;
font-weight: normal;
list-style-type: none }
.miscListItem { margin-left: 20px;
margin-right: 10px;
font-family: "Trebuchet ms", "Arial", "Helvetica", sans-serif;
font-size: 12pt;
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: 10pt;
list-style-type: none }
.browseBarLabel { font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: bold;
color: black;
vertical-align: middle;
text-decoration: none }
.browseBar { font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: bold;
color: #252645;
vertical-align: middle;
text-decoration: none }
.itemListCellOdd { font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #ffffff }
.itemListCellEven { font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #eeeeee }
.itemListCellHilight { font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #ddddff }
.topNavLink { margin-left: 10px;
margin-right: 10px;
font-family: "Trebuchet ms", "Arial", "Helvetica", sans-serif;
font-size: 10pt;
text-align: center }
.submitFormLabel { margin-left: 10px;
margin-right: 10px;
font-family: "Trebuchet ms", "Arial", "Helvetica", sans-serif;
font-weight: bold;
font-size: 10pt;
text-align: right }
.submitFormHelp { margin-left: 10px;
margin-right: 10px;
font-family: "Trebuchet ms", "Arial", "Helvetica", sans-serif;
font-size: 10pt;
text-align: center }
.uploadHelp { margin-left: 20px;
margin-right: 20px;
font-family: "Trebuchet ms", "Arial", "Helvetica", sans-serif;
font-size: 10pt;
text-align: left }
.submitFormDateLabel { margin-left: 10px;
margin-right: 10px;
font-family: "Trebuchet ms", "Arial", "Helvetica", sans-serif;
font-size: 10pt;
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 }
.miscTable { font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #cccccc }
<%-- The padding element breaks Netscape 4 - it puts a big gap at the top
-- of the browse tables if it's present. So, we decide here which
-- padding elements to use. --%>
<%
String padding = "padding: 3px";
if( usingNetscape4 )
{
padding = "padding-left: 3px; padding-right: 3px; padding-top: 1px";
}
%>
.oddRowOddCol{ font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #ffffff;
<%= padding %> }
.evenRowOddCol{ font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #eeeeee;
<%= padding %> }
.oddRowEvenCol{ font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #eeeeee;
<%= padding %> }
.evenRowEvenCol{ font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #dddddd;
<%= padding %> }
.highlightRowOddCol{ font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #ccccee;
<%= padding %> }
.highlightRowEvenCol{ font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #bbbbcc;
<%= padding %> }
.itemDisplayTable{ text-align: center;
border: 0;
padding: 6px;
color: #000000 }
.metadataFieldLabel{ font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 12pt;
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: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 12pt;
font-style: normal;
font-weight: normal;
color: #000000;
vertical-align: top;
text-align: left;
text-decoration: none;
padding: 3px } <%-- width 100% ?? --%>
.recentItem { margin-left: 10px;
margin-right: 10px;
font-family: "Trebuchet ms", "Arial", "Helvetica", sans-serif;
font-size: 10pt }
.searchBox { font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: bold;
color: #000000;
vertical-align: middle;
text-decoration: none;
background: #fefecd;
padding: 0;
border: 0;
margin: 0 }
.searchBoxLabel { font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: bold;
color: #000000;
background: #fefecd;
text-decoration: none;
vertical-align: middle }
<%-- Not sure if any of those below are used --%>
.navoff { font-family: "Tahoma", "Arial", "Helvetica"; font-size: 10pt; font-style: normal; font-weight: bold; text-decoration: none ; color: #FFFFFF; margin-right: 5px; margin-left: 5px}
.navon { font-family: "Tahoma", "Arial", "Helvetica"; font-size: 10pt; font-style: normal; font-weight: bold; text-decoration: none ; color: #000000; margin-right: 5px; margin-left: 5px; background-color: #FFFFCD}
.fieldnames { font-family: "Tahoma", "Arial", "Helvetica"; font-size: 8pt; font-style: normal; font-weight: bold; color: #252645; text-decoration: none }
.topnav { font-family: "Tahoma", "Arial", "Helvetica"; font-size: 10pt; font-style: normal; font-weight: bold; color: #252645; text-decoration: none }
.titles { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; color: #000000; font-weight: bold}
.titlesSecondary { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; color: #000000; font-weight: bold }
.bulletedlist { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: bold; color: #252645; text-decoration: none ; list-style-image: none; list-style-type: disc}
.textItalics { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: italic; line-height: normal; color: #000000}
.title3rd { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; color: #000000; font-weight: bold }
.bodytext { margin-right: 10px; margin-left: 10px }
.mpressitem { margin-right: 40px; margin-left: 40px }