/** * The contents of this file are subject to the license and copyright * detailed in the LICENSE and NOTICE files at the root of the source * tree and available online at * * http://www.dspace.org/license/ */ * { margin: 0; padding: 0; } body { background: white; margin: 0; padding: 0; font-family: "verdana", Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; } /******************************* ***** General elements ****** *******************************/ a { color: rgb(51, 102, 153); } ul { margin-top: 10px; margin-bottom: 10px; } li { margin-left: 25px; } p { margin-top: 10px; margin-bottom: 10px; } h1, h2, h3, h4, h5 { color: #336699; } span.bold { font-weight: bolder; } span.italics,span.italic { font-style: italic; } span.underline { text-decoration: underline; } span.fade { color: gray; font-size: 90%; } span.fade a { color: gray; text-decoration: none; } span.fade a:hover { color: blue; text-decoration: underline; } span.warn { color: red; font-weight: bolder; } p.hidden, span.hidden { display: none; } /******************************* ***** Major components ****** *******************************/ ul#ds-trail { margin: 5px 0 10px 190px; } div#ds-body { margin: 5px 0 10px 190px; /* min-width:600px; */ } div#ds-options { border-right: 1px solid gray; padding: 0 5px 0 5px; position: absolute; top: 100px; left: 0; width: 160px; overflow: hidden; } div#ds-footer { clear: both; margin: 100px 0 10px 190px; border-top: 1px solid gray; } /******************************* ********** Header *********** *******************************/ div#ds-header a span#ds-header-logo { width: 200px; height: 80px; float: left; background-image: url("../images/dspace-blue.gif"); background-repeat: no-repeat; } div#ds-header a { text-decoration: none; } div#ds-header h1 { display: none; } div#ds-header h2 { clear: both; height: 15px; background-image: url("../images/stripe.gif"); /*visibility: none;*/ font-size: 0.001em; /* yeah it's still there but not really visible */ } /* User box (login / profile) */ div#ds-user-box { position: absolute; top: 20px; right: 20px; } div#ds-user-box p { color: gray; } div#ds-user-box a { text-decoration: none; color: gray; } div#ds-user-box a:hover { text-decoration: underline; } /* Trail */ ul#ds-trail li.ds-trail-link { list-style: none; margin-left:0px; } ul#ds-trail li.ds-trail-link a:hover { text-decoration: underline; } ul#ds-trail li.ds-trail-link:after { content: " > "; } /******************************* ******* Options list ******** *******************************/ div#ds-options h3 { color: black; font-size: 1em; } div#ds-options h4 { color: black; font-size: 10pt; margin-top: 10px; } div#ds-options li { margin-top: 5px; margin-bottom: 5px; font-size: 10pt; margin-left: 25px; } div#ds-options div#artifactbrowser_Navigation_list_browse li { list-style: none; margin-left: 0px; } div#ds-options div#artifactbrowser_Navigation_list_browse ul ul li { list-style-image: url(../images/arrow.gif); margin-left: 25px; } div#ds-options div#artifactbrowser_Navigation_list_account ul li { list-style-image: url(../images/arrow.gif); margin-left: 25px; } div#ds-options div#artifactbrowser_Navigation_list_context ul li { list-style-image: url(../images/arrow.gif); margin-left: 25px; } div.ds-option-set { margin-bottom: 30px; } /* search box, in the option list */ #ds-search-option-head { background-color: #fefecd; padding-left: 2px; } div#ds-search-option { background-color: #fefecd; padding-top: 2px; padding-bottom: 10px; padding-left: 2px; } form#ds-search-form fieldset { border: none; } div#ds-search-option input.ds-text-field { width: 79px; font-size: 1em; } div#ds-search-option label { display: none; } div#ds-search-option a { font-weight: bold; font-size: .9em; } /******************************* ********** Footer *********** *******************************/ div#ds-footer a span#ds-footer-logo { width: 250px; height: 250px; float: left; background-image: url("../images/manakin_logo.png"); background-repeat: no-repeat; margin: 5px; } div#ds-footer a { text-decoration: none; } div#ds-footer a:hover { text-decoration: underline; } /******************************* ******** pagination ********* *******************************/ div.pagination { position: relative; margin: 10px 20px 2px 20px; } div.pagination-masked { position: relative; margin: 10px 20px 10px 20px; /*Property below is required for IE7 when using discovery*/ z-index: 9999; } a.previous-page-link { position: absolute; left: 50px; bottom: 5px; } a.next-page-link { position: absolute; right: 50px; bottom: 5px; } p.pagination-info { position: relative; text-align: center; width: 50%; margin: 0 auto 5px auto; } ul.pagination-links { position: relative; text-align: center; width: 50%; margin: 0 auto 5px auto; padding: 0 0 0 0; } *.pagination-links li { list-style: none; display: inline; margin-right: 5px; font-weight: bolder; font-size: 90%; } /******************************* ****** Alphabet Lists ******* *******************************/ ul.alphabet { text-align: center; } ul.alphabet li { list-style: none; display: inline; margin: 0 5px 0 5px; font-weight: bolder; } ul.alphabet a:hover { color: black; } /******************************* ****** Progress Lists ******* *******************************/ ul.ds-progress-list { margin: 0px; padding-top: 2px; padding-bottom: 2px; text-align: center; } ul.ds-progress-list li { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: gray; overflow: hidden; display: inline; line-height: 20px; } ul.ds-progress-list li.current { color: black; } ul.ds-progress-list li.arrow { font-size: 200%; font-weight: bold; position: relative; top: 6px; } /******************************* ******* Artifact List ******* *******************************/ ul.ds-artifact-list { border: 1px solid gray; list-style-type: none; width: 95%; } ul.ds-artifact-list li.odd { background-color: rgb(238, 238, 238); } ul.ds-artifact-list li.even { background-color: rgb(255, 255, 255); } ul.ds-artifact-list li { position: relative; padding-bottom: 3px; padding-top: 3px; margin: 0 0 0 0; padding: 2px 5px 2px 5px; } ul.ds-artifact-list li div.artifact-description { width: 80%; } ul.ds-artifact-list li div.artifact-preview { margin: -30px 0px 0 auto; width: 15%; } ul.ds-artifact-list li div.artifact-info { font-size: 110%; padding-left: 25px; } ul.ds-artifact-list li div.artifact-title { font-family: Arial, Helvetica, sans-serif; font-size: 130%; font-weight: bolder; } span.date { font-style: italic; } /******************************* ********* Tables ************ *******************************/ table { clear: both; border-spacing: 0px; border: 1px solid gray; width: 95%; } tr.ds-table-header-row { color: inherit; background-color: rgb(218, 218, 218); } tr.ds-table-header-row.subheader { background-color: rgb(250, 250, 214); } th { padding: 4px 10px; } .subheader th { padding-left: 5px; font-weight: 100; } tr.ds-table-row.odd { color: inherit; background-color: rgb(238, 238, 238); } tr.ds-table-row.even { color: inherit; background-color: rgb(255, 255, 255); } td { padding: 3px 10px 5px 10px; border: none; font-size: inherit; background-color: inherit; color: inherit; } *.first-cell { vertical-align: middle; text-align: center; } .indent { padding-left: 35px; padding-right: 0; } .doubleIndent { padding-left: 55px; padding-right: 0; } th.indent { padding-left: 30px; padding-right: 0; } th.doubleIndent { padding-left: 50px; padding-right: 0; } /* metadata import rows * additions and deletions */ tr.ds-table-row.metadata-addition { background-color: #CCFFCC; } tr.ds-table-row.metadata-deletion { background-color: #CCCCCC; } tr.ds-table-row.metadata-addition td,tr.ds-table-row.metadata-deletion td { border-top: 1px solid black; } tr.ds-table-row.item-delete { background-color: #CC99FF; } tr.ds-table-row.item-withdraw { background-color: #CC99FF; } tr.ds-table-row.item-reinstate { background-color: #CC99FF; } /******************************* *********** forms *********** *******************************/ form.ds-interactive-div { width: 95%; } form.ds-interactive-div li.ds-form-item { /*display: block; */ padding: 2px 0; width: 100%; } form.ds-interactive-div li { margin: 0; } form.ds-interactive-div li.odd { background-color: rgb(238, 238, 238); } form.ds-interactive-div li.even { background-color: rgb(255, 255, 255); } form.ds-interactive-div li.last { border-top: 2px solid gray; background-color: rgb(215, 215, 215); } li.ds-form-item { float: left; clear: both; width: 100%; } div.ds-form-content { float: left; clear: right; display: block; padding: 7px; width: 400px; } span.ds-form-label,label.ds-form-label { display: block; float: left; clear: left; padding: 5px 20px 5px 10px; width: 115px; font-weight: bold; vertical-align: middle; overflow: hidden; } /* Help, error, & in-line labels */ label.ds-composite-component { display: block; float: left; padding: 0px 5px 0 0px; font-size: 80%; color: black; background-color: inherit; text-align: left; } span.error { display: block; font-size: 100%; color: red; background-color: inherit; margin: 0; } span.field-help { display: block; margin-left: 5px; font-size: 90%; color: gray; background-color: inherit; } input.error,textarea.error,select.error { color: inherit; background-color: rgb(255, 245, 245); border-color: red; } span.composite-help { display: block; font-size: 90%; color: gray; background-color: inherit; text-align: left; } span.composite-help { display: block; font-size: 80%; color: black; background-color: inherit; text-align: left; } div.spacer { margin: 0; padding: 0; line-height: 0px; clear: both; } /* The composite field */ span.ds-composite-field { display: table-row; padding: 2px; } *.ds-composite-field.ds-composite-component { display: table-cell; text-align: left; width: auto; padding-right: 10px; } *.ds-composite-field input,*.ds-composite-field textarea,*.ds-composite-field select { margin-right: 5px; margin-bottom: -2px; } /* Checkboxes and Radio buttons */ fieldset.ds-checkbox-field,fieldset.ds-radio-field { border: none; margin: 0; padding: 0; } fieldset.ds-checkbox-field legend,fieldset.ds-radio-field legend { display: none; } fieldset.ds-checkbox-field label,fieldset.ds-radio-field label { display: block; } /* Sub sections within a form */ fieldset.ds-form-list { border: 2px solid gray; padding: 0; margin-left: 0; margin-right: 0; } fieldset.ds-form-list ol { padding: 0; margin: 0; width: 100%; } fieldset.ds-form-list legend { color: #336699; background-color: inherit; font-size: 115%; font-weight: bolder; margin-left: 10px; } fieldset.thick legend { color: #336699; padding-left: 10px; padding-right: 30px; } fieldset.ds-form-sublist { border: 1px solid rgb(238, 238, 238); padding: 0; margin: 5px; } fieldset.ds-form-list ol { list-style-type: none; } /******************************* * Rules for specific pages * *******************************/ /** Navigation bar for browse-by pages */ form.navigation { max-width: 750px; margin: 0 auto 0 auto; border: 1px solid gray; background-color: rgb(238, 238, 238); } form.navigation p { text-align: center; } /* System wide alerts */ div#ds-system-wide-alert { background-color: rgb(255,240,220); border: 2px solid rgb(213,80,40); padding: 6px; margin: 10px 30px 10px 30px; color: rgb(213, 80, 40); } /* License text, used during submission to show a license */ div.license-text { border: 1px solid #666; background-color: #EEE; padding: 20px; margin: 20px; margin-top: 5px; font-family: monospace; font-size: 125%; } /** System-generated notices, typically these follow any action in the administrative section. */ div.notice { background-color: rgb(238, 238, 238); border: 2px solid gray; padding: 6px; text-align: center; margin: 10px 30px 10px 30px; } /** Community & Collection homepage */ div.search-browse { border: 2px solid gray; background-color: rgb(238,238,238); padding: 0px 5px 0px 10px; width: 350px; } div.detail-view div.ds-logo-wrapper { text-align: right; margin-right: 30px; margin: -150px 30px 0px auto; } div.detail-view p { clear: both; } p.copyright-text { margin-top: 30px; width: 90%; font-style: italic; text-align: center; margin: 30px auto 0px auto; } /** Item Submission select a collection page */ select#aspect_submission_submit_SelectCollectionStep_field_handle { max-width: 350px; } form.discover-search-box div.ds-form-content, form.discover-sort-box div.ds-form-content { width: auto; } form.discover-search-box div.ds-form-content input.update-filters{ margin-left: 145px; } form.discover-sort-box select{ margin: 0 4px; } .hidden { display:none; visibility:hidden; } .pre { white-space:pre; } .icon-button{ padding:4px; cursor: pointer; margin: 2px; background-color: #E6E6E6; border: 1px solid #D3D3D3; text-indent: -1000px; width: 30px; height: 30px; display:block; /*Required for IE*/ font-size: 0; line-height: 0; } .icon-button.ds-button-field[disabled="disabled"], .icon-button.ds-button-field[disabled=""], .icon-button.ds-button-field.disabled { opacity: 0.35 } .icon-button.arrowUp{ background-image: url(../images/arrow_up_444444_16x16.png); background-repeat: no-repeat; background-position: center center; } .icon-button.arrowDown{ background-image: url(../images/arrow_down_444444_16x16.png); background-repeat: no-repeat; background-position: center center; } /* FOR CC License */ span.floatleft { border:none; float:right; display:inline; } /* FOR CC PAGE to GROUP ITEMS horizontally */ ul.horizontal li span.bold a { color: black; } /* group items horizontally in a list */ ul.horizontalVanilla { font-weight: bold; list-style-type: none; padding: 0px; padding-left: 0px; padding-bottom: 15px; border-left: 1px solid white; border-right: 1px solid white; margin: 10px -1px 5px -1px; width: inherit; } ul.horizontalVanilla li { float: left; height: 100%; background-color: rgb(255, 255, 255); margin: 2px 2px 0px 2px; /* border: 1px solid rgb(240, 240, 210); */ } /* Controlled vocabulary support css START*/ ul.vocabulary { margin-left: 0; } ul.vocabulary, ul.vocabulary ul, ul.vocabulary li { list-style: none; margin-left: 20px; } ul.vocabulary div.vocabulary-node-icon{ cursor: pointer; width: 15px; height: 12px; display: inline-block; } ul.vocabulary div.vocabulary-node-icon.vocabulary-doc{ background-image: url(../images/controlledvocabulary/voc_doc_222222.png); } ul.vocabulary div.vocabulary-node-icon.vocabulary-open{ background-image: url(../images/controlledvocabulary/voc_open_222222.png); } ul.vocabulary div.vocabulary-node-icon.vocabulary-closed{ background-image: url(../images/controlledvocabulary/voc_closed_222222.png); background-repeat: no-repeat; } div.vocabulary-container li.error{ color: #c22121; } /* Controlled vocabulary support css END*/ /* Start discovery layout DSpace 3.x*/ div.discoverySearchBox label{ width: auto; } input#aspect_discovery_SimpleSearch_field_query{ width: 700px; } input.search-icon{ background-image: url('../images/search_icon_000000_20x20.png'); background-repeat: no-repeat; background-position: center center; text-indent: -1000px; /*Css props below are required for IE*/ font-size: 0; line-height: 0; background-color: #F3F3F3; border: 1px solid #000000; } div.controls-gear-wrapper{ float: none; position: absolute; top: 0; } div.gear-icon{ background-image: url('../images/gear_000000_25x25.png'); } ul.gear-selection li.gear-option-selected{ background: url('../images/check_606060_15x15.png') no-repeat 3px center; } table.discovery-filters input.filter-control { width: 17px; margin-left: 5px; text-indent: -1000px; background-repeat: no-repeat; background-position: center center; height: 17px; float: left; /*Css props below are required for IE*/ font-size: 0; display:block; line-height: 0; background-color: transparent; border: none; } table.discovery-filters input.filter-control.filter-remove{ margin-left: 15px; background-image: url('../images/button_minus.png'); border: none; } table.discovery-filters input.filter-control.filter-add{ background-image: url('../images/button_plus.png'); } ul.gear-selection{ left: 0; right: auto; } ul.gear-selection li { margin-left: 0; } div#aspect_discovery_SimpleSearch_div_search a.previous-page-link { left: 80px; } /* End discovery layout DSpace 3.x*/ .didYouMean{ font-size: 18px; } .didYouMean a{ font-weight: bold; } /*Sherpa Colour Styles*/ .sherpaList{ list-style-type: none; margin-left: 0; margin-bottom: 20px; } .sherpaLogo{ float:left; margin-right:10px; width: 100px; height: 54px; } .sherpaBold{ font-weight:bold; float:left; margin-right: 3px; } .green{ background-color: #008000; color: #ffffff; } .white{ background-color: #ffffff; color: #000000; } .yellow{ background-color: #ffff00; color: #000000; } .blue{ background-color: #0000ff; color: #ffffff; } .sherpaMoreInfo{ font-size: 75%; } .sherpaStyle { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; float:left; border: 1px solid #cccccc; margin-right: 3px; }