diff --git a/less/alma-styles.less b/less/alma-styles.less index 1693dfd..e1da5ec 100644 --- a/less/alma-styles.less +++ b/less/alma-styles.less @@ -28,7 +28,7 @@ @import "@{bootstrap-less-path}/scaffolding"; @import "@{bootstrap-less-path}/type"; -@import "@{bootstrap-less-path}/grid"; - - - +@import (reference) "@{bootstrap-less-path}/grid"; +// @import (reference) "legacy/reference-master/vcu-mashup.css"; +// @import (reference) "legacy/reference-master/vcu-customizations.css"; +@import 'sections/alma-services'; diff --git a/less/legacy/reference-master/mashup.css b/less/legacy/reference-master/mashup.css new file mode 100644 index 0000000..b0a2624 --- /dev/null +++ b/less/legacy/reference-master/mashup.css @@ -0,0 +1,1157 @@ +/*************MASHUP CSS****************** + +mashup.css defines the design of all mashup screens. +When extracted from the zip, all classes will be commented out. +In order to customize a specific class, remove the comment from the desired class and make the necessary changes. + +*****************************************/ + +/** { + margin: 0; + padding: 0; + border: none; +}*/ + +/*A:link,A:visited { + color: #2c4d82; +}*/ + +/*::selection { + background: #2c4d82; + color: #fff; +}*/ + +/*::-moz-selection { + background: #2c4d82; + color: #fff; +}*/ + +/*body { + color: #32322f; + font-family: Arial, verdana, sans-serif; +}*/ + +/*.clearfix:after { + clear: both; + content: "."; + display: block; + height: 0; + visibility: hidden; +}*/ + +/*.clearfix { + display: inline-block;*/ +/*} *//* Hides from IE-mac \ */ +/** html .clearfix { + height: 1%;*/ +/*}*/ /* End hide from IE-mac */ +/*.clearfix { + display: block; +}*/ + +/*html { + height: 100% +}*/ + +/*body { + width: 100%; + background-color: #ffffff; + color: #32322f; + margin: 0px; + padding: 0px; + font-family: Arial, verdana; + font-size: 80%; + height: 100%; +}*/ + +/*a:link,a:visited { + color: #0075b0; + text-decoration: none +}*/ + +/*a:hover { + text-decoration: underline; +}*/ + +/*input,select,textarea { + border: 1px solid #7f9db9; + width: auto; + font-family: Arial, verdana; +}*/ + +/*textarea { + font-size: 100%; +}*/ + +/*input { + height: 18px; +}*/ + +/*.width5 { + width: 5% +}*/ + +/*.width10 { + width: 10% +}*/ + +/*.width15 { + width: 15% +}*/ + +/*.width20 { + width: 20% +}*/ + +/*.width24 { + width: 24% +}*/ + +/*.width30 { + width: 30% +}*/ + +/*.width40 { + width: 40% +}*/ + +/*.width50 { + width: 50% +}*/ + +/*.width48 { + width: 48% +}*/ + +/*.width60 { + width: 60% +}*/ + +/*.width72 { + width: 72% +}*/ + +/*.widthAuto { + width: auto +}*/ + +/*.tabContent { + margin: 0em; +}*/ + +/*.tabContent h1 { + font-size: 100%; + margin-left: 2em; + margin-top: 1em; +}*/ + +/*.tabContent h2 { + font-size: 100%; + margin-left: 2em; + margin-top: 1em; + color: #555555; +}*/ + +/*.tabContent ul { + list-style: none; + margin: 0em; + padding: 0em; +}*/ + +/*.internalTitle { + +}*/ + +/*.internalSection { + float: left; + width: 100%; + margin: 0em; + padding: 0em; +}*/ + +/*.internalSection li { + margin: 0em; + padding: 0em; + float: left; + line-height: 200%; + padding-right: 0em; +}*/ + +/*.internalSection2 li:first-child { + margin-left: 0.5em; +}*/ + +/*.internalSection2 li { + margin-left: 0.3em; +}*/ + +/*.internalSection2 li label { + padding-right: 0.5em; + font-weight: bold; +}*/ + + + + +/*.filterResults { + width: 100%; + margin: 0em; + padding: 0em; + background-color: #f6f6f6; + display: block; +}*/ + +/*.sectionTitle { + font-weight: 700; + height: 20px +}*/ + +/*.nextLine { + clear: left; + display: block; + line-height: 110%; +}*/ + +/*.typeNow { + background: url("/view/branding_skin/icons/icon_getit_now.png") + no-repeat transparent; + padding-left: 20px +}*/ + +/*.typeRequest { + background: url("/view/branding_skin/icons/icon_getit_request.png") + no-repeat transparent; + padding-left: 20px +}*/ + +/*.typeWait { + background: url("/view/branding_skin/icons/icon_getit_wait.png") + no-repeat transparent; + padding-left: 20px +}*/ + +/*.typeOther { + background: + url("/view/branding_skin/icons/icon_getit_otherServices.png") + no-repeat transparent; + padding-left: 20px +}*/ + +/*.typeHoldings { + background: url("/view/branding_skin/icons/icon_getit_holdings.png") + no-repeat transparent; + padding-left: 20px +}*/ + +/*.rowActions { + float: right; + text-align: right +}*/ + +/*ul.formView { + display: block; + margin-left: 2em; + width: 95%; + margin-top: 0.3em; +}*/ + +/*.formView li { + margin-bottom: 0.3em +}*/ + +/*.formView li label { + font-weight: normal; + display: inline-block; +}*/ + +/*.formView li label:before { + content: '*'; + color: #ff0000; + margin-right: 0.5em; + visibility: hidden; +}*/ + +/*.formView li.requiredField label:before { + content: '*'; + color: red; + visibility: visible; +}*/ + +/*.formView li input[type="checkbox"],.formView li input[type="radio"] { + height: auto; + width: auto; + margin-right: 0.5em; + border:none; +}*/ + +/*.formView input.dp-applied { + margin: 0 0px +}*/ + +/*.formView a.dp-choose-date img { + vertical-align: middle; + margin-top:-1px; +}*/ + +/*.mandatory { + color: #ff0000 +}*/ + +/*.submitBorder { + border: 1px solid #7f9db9; + display: inline-block; + width: auto; + height: 20px; + text-align: center; + padding: 1px; + vertical-align: text-top; + margin-right: 0.5em; + margin-left: 0.8em; + display:inline!ie; + float:left!ie; + + +}*/ + +/*.submitBorder input { + padding: 0em 0.5em 0em 0.5em; + color: #FFFFFF; + font-weight: normal; + height: 20px; + cursor: pointer; + display: block; + line-height: 160%; + background: #fa8e51;*/ /* Old browsers */ + /*background: -moz-linear-gradient(top, #fa8e51 0%, #f3742b 100%);*/ + /* FF3.6+ */ + /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fa8e51), + color-stop(100%, #f3742b) );*/ /* Chrome,Safari4+ */ + /*background: -webkit-linear-gradient(top, #fa8e51 0%, #f3742b 100%);*/ + /* Chrome10+,Safari5.1+ */ + /*background: -o-linear-gradient(top, #fa8e51 0%, #f3742b 100%);*/ + /* Opera 11.10+ */ + /*background: -ms-linear-gradient(top, #fa8e51 0%, #f3742b 100%);*/ + /* IE10+ */ + /*background: linear-gradient(top, #fa8e51 0%, #f3742b 100%);*/ /* W3C */ + /*filter: progid:DXImageTransform.Microsoft.gradient( + startColorstr='#fa8e51', + endColorstr='#f3742b', GradientType=0 ); *//* IE6-9 */ + /*border: none;*/ +/*}*/ + +/*.resetContainer { + border: 1px solid #7f9db9; + display: inline-block; + display:inline!ie; + float:left!ie; + width: auto; + height: 20px; + text-align: center; + padding: 1px; + vertical-align: text-top +}*/ + +/*.resetContainer a { + padding: 0em 0.5em 0em 0.5em; + background: #bcbcbc; + color: #FFFFFF; + font-weight: normal; + height: 20px; + cursor: pointer; + display: inline-block; + display: block!ie; + line-height: 160%; +}*/ + + + +/*.showMore { + background-color: #FFF6D4; +}*/ + +/*.showMore span { + margin-right: 3% +}*/ + +/*.validationFeedback { + background-color: #FFF6D4; + border: 1px solid #F5E1B8; + font-weight: 700; + color: #D43B3B +}*/ + +/*.systemFeedback { + background-color: #fffbc3; + background-image: + url(/view/branding_skin/icons/bg_strip_system_feedback.png); + background-position: center bottom; + background-repeat: repeat-x; + color: #000000; + border-bottom: 1px solid #e1e1e1; + padding: 0.5em 1.5em 0.5em 0.6em; +}*/ + +/*.typeD table { + width: 100%; +}*/ + +/*.typeD table th { + border-bottom: 1px solid #E0E2E5; + color: #32322F; + height: 26px; + text-align: left; + padding-left: 0.5em; +}*/ + +/*.typeD table tbody tr:hover,.typeD2 table tbody tr:hover { + +}*/ + +/*.typeD table tbody tr td,.typeD2 table tbody tr td { + background-color: #f6f6f6; + vertical-align: top; + padding-left: 0.5em; + padding-top: 0.3em; + padding-bottom: 0.3em; +}*/ + +/*.typeD table tbody tr:hover td,.typeD2 table tbody tr:hover td { + +}*/ + +/*.typeD table tbody tr td:hover,.typeD2 table tbody tr td:hover { + +}*/ + +/*.typeD table th.attention-table-title,.typeD2 table th.attention-table-title + { + background-color: #f2f2f2 +}*/ + +/*.typeD table tbody tr.odd td { + background: #fff; +}*/ + +/*.typeD table tbody tr.odd:hover td { + background: transparent; +}*/ + +/*.typeD table th,.typeD2 table th { +}*/ + +/*.typeD table th input.sort { + color: #fff; + background: url('/infra/images/sortable.png') transparent no-repeat 2px + center; + text-shadow: 0 -1px #092147; + padding-left: 14px; + text-decoration: none +}*/ + +/*.floatRigth { + float: right; +}*/ + +/*.typeD table th input.sortedUp { + background-image: url('/infra/images/sortedUp.png'); + color: #ccc +}*/ + +/*.typeD table th input.sortedDown { + background-image: url('/infra/images/sortedDown.png'); + color: #ccc +}*/ + +/*.submitAsLink,.typeC .formDiv input.submitAsLink { + color: #0075b0; + background: none repeat scroll 0 0 transparent; + border: medium none; + cursor: pointer; + font-weight: 400; + overflow: visible; + padding: 0; + text-align: left; + text-decoration: none; + white-space: normal; + width: auto; + font-family: arial; + letter-spacing: 0px; +}*/ + +/*.submitAsNoLink,.typeC .formDiv input.submitAsNoLink { + color: #2c4d82; + background: none repeat scroll 0 0 transparent; + border: medium none; + cursor: pointer; + font-weight: 400; + overflow: visible; + padding: 0; + text-align: left; + white-space: normal; + width: auto; +}*/ + +/*.typeI div.alignRight .export { + background-color: #2c4d82; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c4d82', + endColorstr='#143160' ); + background: -webkit-gradient(linear, left top, left bottom, from(#2c4d82), + to(#143160) ); + background: -moz-linear-gradient(center top, #2c4d82, #143160); +}*/ + +/*div.alignRight { + float: right; +}*/ + +/*.typeI .buttonLink { + color: #2c4d82; +}*/ + +/*.typeI div.alignRight ul li a { + color: #2c4d82; +}*/ + +/*ul.pagination li.hideActions .openUpperActions,li.hideActions .openUpperActions ul.actionsToHide + { + height: auto; + border: 1px solid #ccc; + width: auto; + background-color: transparent; +}*/ + +/*.paginationContainer { + display: block; + width: 100%; + margin: 0em; + padding: 0em; + background-color: #f6f6f6; + border-bottom: 1px solid #e1e1e1; + display: block; + float: none; + padding-top: 0.5em; +}*/ + +/*.paginationContainer ul { + display: block; + width: 300px; + border: 1px solid #e1e1e1; + border-bottom: none; + background-color: #FFFFFF; + margin-left: auto; + margin-right: auto; + text-align: center; + margin-bottom: -1px; +}*/ + +/*.pagination .buttonAction,.pagination .buttonAction input { + padding: 0 0.1em; + min-width: 0.9em; + width: 0.9em; + font-family: Arial; +}*/ + +/*.pagination .selected { + border-color: #939393; + background: #f0f1f8; +}*/ + +/*.typeI ul.pagination li { + padding-top: 0.5em; + display: inline-block; +}*/ + +/*.typeI ul.pagination li .selected input { + color: #555; + cursor: default; +}*/ + +/*.typeI ul li.alignRight { + float: right; + padding-right: 0.2em; +}*/ + +/*.widgetContainer .welcomeMessage .alignRight { + margin: 0.1em 0.5em 0 0; + padding-left: 0.4em; +}*/ + +/*.widgetContainer .welcomeMessage .alignRight a { + font-weight: 700; + margin-right: 0.8em; +}*/ + +/*.widgetContainer .welcomeMessage .alignRight a:hover { + text-decoration: none; +}*/ + +/*.roundLeft,.widgetContainer .welcomeMessage .alignRight { + -moz-border-radius-topleft: 2px; + border-top-left-radius: 2px; + -webkit-border-top-left-radius: 2px; + -moz-border-radius-bottomleft: 2px; + border-bottom-left-radius: 2px; + -webkit-border-bottom-left-radius: 2px; +}*/ + +/*.roundRight,.widgetContainer .welcomeMessage .alignRight { + -moz-border-radius-topright: 2px; + border-top-right-radius: 2px; + -webkit-border-top-right-radius: 2px; + -moz-border-radius-bottomright: 2px; + border-bottom-right-radius: 2px; + -webkit-border-bottom-right-radius: 2px; +}*/ + +/*.buttonActionAdjacent { + border-right: none; +}*/ + +/*.arrowDown { + background: url("icon_optionsMenu_down.png") no-repeat 50% 50% + transparent; + display: inline-block; + width: 8px; +}*/ + +/*.typeI div.alignRight ul li { + color: #555; +}*/ + +/*.typeI div.alignRight { + height: 26px; + line-height: 26px; +}*/ + +/*.typeI div.alignLeft { + height: 26px; + line-height: 26px; +}*/ + +/*.typeI div.alignRight ul { + height: 26px; + line-height: 26px; +}*/ + +/*.typeI div.alignRight ul li { + height: 26px; + line-height: 26px; +}*/ + +/*.pagination .buttonAction,.pagination .buttonAction input { + padding: 0 0.1em; + min-width: 0.9em; + cursor: pointer; +}*/ + +/*.pagination .selected { + border-color: #939393; + background: #f0f1f8; +}*/ + +/*span.Arrow input { + text-indent: -1000em; + width: 10px; +}*/ + +/*span.firstPage input { + background: url("/view/branding_skin/icons/firstPage.png") no-repeat + transparent center center; +}*/ + +/*span.previousPage input { + background: url("/view/branding_skin/icons/previousPage.png") no-repeat + transparent center center; +}*/ + +/*span.nextPage input { + background: url("/view/branding_skin/icons/nextPage.png") no-repeat + transparent center center; +}*/ + +/*span.lastPage input { + background: url("/view/branding_skin/icons/lastPage.png") no-repeat + transparent center center; +}*/ + +/*.iframeHeader { + background-color: #f1f1f1; + background-image: + url("/view/branding_skin/icons/bg_strip_brief_tabs_header.png"); + background-repeat: repeat-x; + border-bottom: 1px solid #e1e1e1; + min-height: 27px; + height: auto; + max-height: 5em; + display: block; +}*/ + +/*.iframeHeader form { + margin: 0em; + padding: 0em; +}*/ + +/*.iframeHeader div.iframeHeaderContent { + padding: 0.3em; + padding-top: 0.2em; + padding-left: 0.5em; + width: 98%; + color: #adb9c2; + float: left; +}*/ + +/*.iframeHeader .iframeHeaderContent em { + color: #000000; + font-style: normal; + font-weight: normal; + padding-right: 0.2em +}*/ + +/*.iframeHeader div.iframeHeaderContent input.popout { + width: auto; + background-image: url("/view/branding_skin/icons/icon_popout_tab.png"); + background-repeat: no-repeat; + background-position: right; + padding-right: 1em; +}*/ + +/*.iframeHeader div.iframeHeaderContent span { + padding: 0.3em 0.1em 0.3em 0.1em; + width: auto; +}*/ + +/*.iframeHeader div.iframeHeaderContent span.back { + display: inline-block; + padding: 0px 5px 0px 5px; + float: right; + margin-top: 1px; + background-image: url("/view/branding_skin/icons/icon_arrow_prev.png"); + background-position: left; + padding-left: 1em; + background-repeat: no-repeat; +}*/ + +/*.submitBorderDisabled { + border: 1px solid #bcbcbc; + }*/ + +/*.submitBorderDisabled input[disabled] { + background: #bcbcbc; cursor: auto; + text-shadow: 0 -1px 1px #ebebeb; + background-image:none; + filter:none; + }*/ + +/*.requestOptionNoHoldings { + padding: 10px; +}*/ + + +/****Date and Time widget***************** +Classes bellow are used to define the look and feel of the date & time component +*****************************************/ + +/*input.hasDatepicker[type="text"] { + background: url("/view/branding_skin/icons/icon_date.png") no-repeat 100.5% center #fff; +}*/ +/*input.hasDateAndTimePicker[type="text"] { + background: url("/view/branding_skin/icons/icon_date.png") no-repeat 101% center #fff; +}*/ +/*input[type="submit"].dateTimeReset { + text-indent: -100000em; + display: inline-block; + margin-left: 5px; + margin-top: 1px; + background:url('/view/branding_skin/icons/broom.png') no-repeat transparent; + width:17px; + height:16px; + border:none; + cursor: pointer; +}*/ +/*input[type="submit"].dateReset { + text-indent: -100000em; + display: inline-block; + margin-left: 5px; + margin-top: 1px; + background:url('/view/branding_skin/icons/broom.png') no-repeat transparent; + width:17px; + height:16px; + border:none; + cursor: pointer; +}*/ +/*.timePickerInner{ + display:inline-block; + background-color:#ccc; + padding:2px; + border: 1px solid #898989; +}*/ +/*.timePickerInner select{ + width:3.5em; +}*/ +/*.timePopup{ + background-color: white; + border: 1px solid #898989; + position: absolute; + margin-top: 1.6em; + margin-left: -12em; + padding: 2px; + z-index:11; + text-align:center; +}*/ +/*.timePopup .closeButton{ + width:100%; + text-decoration:none; + color:#555555; + display:block; +}*/ +/*.jsTimeField{ + background: url("/view/branding_skin/icons/time_icon.png") no-repeat scroll 99% center #FFFFFF; +}*/ +/*.hide{ + display:none; +}*/ +/*.dateError{ + color:#FE0101; + font-size:0.8em; + margin-left:1em; +}*/ +/*.timeError{ + color:#FE0101; + font-size:0.8em; + margin-left:1em; +}*/ +/*.inlineDisplay { + display:inline-block; +}*/ + + +/*****************************************/ + +/*! jQuery UI - v1.9.2 - 2013-06-30 +* http://jqueryui.com +* Includes: jquery.ui.core.css, jquery.ui.datepicker.css +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px +* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ + +/* Layout helpers +----------------------------------*/ +/*.ui-helper-hidden { display: none; } +.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } +.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } +.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } +.ui-helper-clearfix:after { clear: both; } +.ui-helper-clearfix { zoom: 1; } +.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }*/ + + +/* Interaction Cues +----------------------------------*/ +/*.ui-state-disabled { cursor: default !important; }*/ + + +/* Icons +----------------------------------*/ + +/* states and images */ +/*.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }*/ + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +/*.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } +.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } +.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } +.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } +.ui-datepicker .ui-datepicker-prev { left:2px; } +.ui-datepicker .ui-datepicker-next { right:2px; } +.ui-datepicker .ui-datepicker-prev-hover { left:1px; } +.ui-datepicker .ui-datepicker-next-hover { right:1px; } +.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } +.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } +.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } +.ui-datepicker select.ui-datepicker-month-year {width: 100%;} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { width: 49%;} +.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } +.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } +.ui-datepicker td { border: 0; padding: 1px; } +.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } +.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } +.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }*/ + +/* with multiple calendars */ +/*.ui-datepicker.ui-datepicker-multi { width:auto; } +.ui-datepicker-multi .ui-datepicker-group { float:left; } +.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } +.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } +.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } +.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } +.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } +.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }*/ + +/* RTL support */ +/*.ui-datepicker-rtl { direction: rtl; } +.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } +.ui-datepicker-rtl .ui-datepicker-group { float:right; } +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }*/ + +/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ +/*.ui-datepicker-cover { + position: absolute;*/ /*must have*/ + /* z-index: -1;*/ /*must have*/ + /*filter: mask();*/ /*must have*/ + /*top: -4px;*/ /*must have*/ + /*left: -4px; */ /*must have*/ + /* width: 200px;*/ /*must have*/ + /* height: 200px; *//*must have*/ +} +/* Component containers +----------------------------------*/ +/*.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } +.ui-widget .ui-widget { font-size: 1em; } +.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } +.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/infra/css/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } +.ui-widget-content a { color: #222222; } +.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/infra/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } +.ui-widget-header a { color: #222222; }*/ + +/* Interaction states +----------------------------------*/ +/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/infra/css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(/infra/css/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } +.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } +.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/infra/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }*/ + +/* Interaction Cues +----------------------------------*/ +/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(/infra/css/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } +.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } +.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/infra/css/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } +.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } +.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } +.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } +.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } +.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } +.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } *//* For IE8 - See #6059 */ + +/* Icons +----------------------------------*/ + +/* states and images */ +/*.ui-icon { width: 16px; height: 16px; background-image: url(/infra/css/images/ui-icons_222222_256x240.png); } +.ui-widget-content .ui-icon {background-image: url(/infra/css/images/ui-icons_222222_256x240.png); } +.ui-widget-header .ui-icon {background-image: url(/infra/css/images/ui-icons_222222_256x240.png); } +.ui-state-default .ui-icon { background-image: url(/infra/css/images/ui-icons_888888_256x240.png); } +.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/infra/css/images/ui-icons_454545_256x240.png); } +.ui-state-active .ui-icon {background-image: url(/infra/css/images/ui-icons_454545_256x240.png); } +.ui-state-highlight .ui-icon {background-image: url(/infra/css/images/ui-icons_2e83ff_256x240.png); } +.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/infra/css/images/ui-icons_cd0a0a_256x240.png); }*/ + +/* positioning */ +/*.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-on { background-position: -96px -144px; } +.ui-icon-radio-off { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; }*/ +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +/*.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; }*/ + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +/*.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } +.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } +.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } +.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }*/ + +/* Overlays */ +/*.ui-widget-overlay { background: #aaaaaa url(/infra/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); } +.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/infra/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }*/ + + + diff --git a/less/legacy/reference-master/vcu-customizations.css b/less/legacy/reference-master/vcu-customizations.css new file mode 100644 index 0000000..5e3fd19 --- /dev/null +++ b/less/legacy/reference-master/vcu-customizations.css @@ -0,0 +1,140 @@ +/* + vcu customizations - alma u-resolver + erwhite@vcu.edu + 2012-10 + rev. 2013-01 +*/ + + +/* + "view online" tab +*/ + +/* clear padding on parent containers and bump up the font size */ +form[name=uResolverViewItForm], +form[name=uResolverViewItForm] div.tabContent { + padding: 0 !important; + margin: 0 !important; + font-size: 13px !important; +} + +/* hide text of h1 and add sfx image */ +form[name=uResolverViewItForm] h1 { + font-size: 0 !important; + padding: 0 !important; + margin: 0 !important; + width: auto; + display: block; + height: 24px; + background: url('http://www.library.vcu.edu/vcu/sfx_noborder.gif') no-repeat 3px 3px #fec400; +} + +/* bump up margins for lists, make non-important text lighter */ +form[name=uResolverViewItForm] ul, +form[name=uResolverViewItForm] li { + margin: auto 12px; + color: #666; +} + +/* hide "full text available at" - redundant */ +form[name=uResolverViewItForm] .internalTitle { + display: none; +} + +/* make the first link bigger +form[name=uResolverViewItForm] ul li:first-child a, +form[name=uResolverViewItForm] ul li:first-child a:link { + font-size: 1.2em; +}*/ + +/* make all the links to resources juicier */ +form[name=uResolverViewItForm] ul li a, +form[name=uResolverViewItForm] ul li a:link { + margin: 12px 0 0 0; + padding: 3px 0 !important; + display: block; + font-weight: bold; +} + + +/* + "Find or request" tab +*/ + +/* make holdings info more visible */ +ul.holdingInfo { background: #ffffcc; } + +ul.holdingInfo li.bold { + font-weight: bold !important; + width: auto !important; + margin:0 0.3em !important; +} + +/* add colon after availability */ +ul.holdingInfo li.bold::after { content: ": "; } + +/* nix the horizontal scrollbar */ +.showMore { + border-left: 0 !important; + border-right: 0 !important; +} +.showMore li { + width: auto !important; + padding: 0 0.3em !important; +} + +/* embolden request options */ +.iframeHeader .iframeHeaderContent em { font-weight: bold !important; } + +/* hide the "barcode" column */ +.itemsList #TABLE_DATA_item_list th:first-of-type, +.itemsList #TABLE_DATA_item_list td:first-of-type { display: none !important; } + +/* buttonify request options for journals and ILLiad request */ +.submitAsLink, +.typeC .formDiv input.submitAsLink, +#TABLE_DATA_item_list td:last-of-type a { + display: inline-block !important; + background-color: #e6e6e6 !important; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e6e6e6), color-stop(100%, #d0d0d0)) !important; + background-image: -webkit-linear-gradient(top, #e6e6e6, #d0d0d0) !important; + background-image: -moz-linear-gradient(top, #e6e6e6, #d0d0d0) !important; + background-image: -ms-linear-gradient(top, #e6e6e6, #d0d0d0) !important; + background-image: -o-linear-gradient(top, #e6e6e6, #d0d0d0) !important; + background-image: linear-gradient(top, #e6e6e6, #d0d0d0) !important; + border-top: 1px solid #a9a9a9 !important; + border-left: 1px solid #a9a9a9 !important; + border-bottom: 1px solid #a9a9a9 !important; + border-right: 1px solid #a9a9a9 !important; + text-shadow: #fff 1px 1px 1px !important; + -webkit-border-radius: 6px !important; + -moz-border-radius: 6px !important; + border-radius: 6px !important; + -webkit-box-shadow: inset 0 1px 0 0 white !important; + -moz-box-shadow: inset 0 1px 0 0 white !important; + box-shadow: inset 0 1px 0 0 white !important; + color: #545454 !important; + line-height: 1 !important; + padding: 6px 9px !important; + height: auto !important; + text-align: center !important; + width: auto !important; + font-size: 1em !important; + margin: 3px 0 !important; +} +/*button hover */ +#TABLE_DATA_item_list td:last-of-type a:hover { + text-decoration: none !important !important; + background-color: #febe10 !important; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0d0d0), color-stop(100%, #e6e6e6)) !important; + background-image: -webkit-linear-gradient(top, #d0d0d0, #e6e6e6) !important; + background-image: -moz-linear-gradient(top, #d0d0d0, #e6e6e6) !important; + background-image: -ms-linear-gradient(top, #d0d0d0, #e6e6e6) !important; + background-image: -o-linear-gradient(top, #d0d0d0, #e6e6e6) !important; + background-image: linear-gradient(top, #d0d0d0, #e6e6e6) !important; + -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2 !important; + -moz-box-shadow: inset 0 1px 0 0 #f2f2f2 !important; + box-shadow: inset 0 1px 0 0 #f2f2f2 !important; + color: #6d520b !important; + cursor: pointer !important; +} \ No newline at end of file diff --git a/less/legacy/reference-master/vcu-mashup.css b/less/legacy/reference-master/vcu-mashup.css new file mode 100644 index 0000000..91509ea --- /dev/null +++ b/less/legacy/reference-master/vcu-mashup.css @@ -0,0 +1,617 @@ +@import "http://vcu-alma-primo.hosted.exlibrisgroup.com/primo_library/libweb/customized/css/vcu_uresolver.css"; +* { + border:none; + margin:0; + padding:0; +} +a:link, a:visited { + color:#2C4D82; +} +::selection { + background-color:#2C4D82; + background-position:initial initial; + background-repeat:initial initial; + color:#FFFFFF; +} +body { + color:#32322F; + font-family:Arial, verdana, sans-serif; +} +.clearfix::after { + clear:both; + content:'.'; + display:block; + height:0; + visibility:hidden; +} +.clearfix { + display:inline-block; +} +* html .clearfix { + height:1%; +} +.clearfix { + display:block; +} +html { + height:100%; +} +body { + background-color:#FFFFFF; + color:#32322F; + font-family:Arial, verdana; + font-size:80%; + height:100%; + margin:0; + padding:0; + width:100%; +} +a:link, a:visited { + color:#0075B0; + text-decoration:none; +} +a:hover { + text-decoration:underline; +} +input, select, textarea { + border:1px solid #7F9DB9; + font-family:Arial, verdana; + width:auto; +} +textarea { + font-size:100%; +} +input { + height:18px; +} +.width5 { + width:5%; +} +.width10 { + width:10%; +} +.width15 { + width:15%; +} +.width20 { + width:20%; +} +.width24 { + width:24%; +} +.width30 { + width:30%; +} +.width40 { + width:40%; +} +.width50 { + width:50%; +} +.width48 { + width:48%; +} +.width60 { + width:60%; +} +.width72 { + width:72%; +} +.widthauto { + width:auto; +} +.tabcontent { + margin:0; +} +.tabcontent h1 { + font-size:100%; + margin-left:2em; + margin-top:1em; +} +.tabcontent h2 { + color:#555555; + font-size:100%; + margin-left:2em; + margin-top:1em; +} +.tabcontent ul { + list-style:none; + margin:0; + padding:0; +} +.internaltitle { +} +.internalsection { + float:left; + margin:0; + padding:0; + width:100%; +} +.internalsection li { + float:left; + line-height:200%; + margin:0; + padding:0; +} +.internalsection2 li:first-child { + margin-left:0.5em; +} +.internalsection2 li { + margin-left:0.3em; +} +.internalsection2 li label { + font-weight:bold; + padding-right:0.5em; +} +.sectiontitle { + font-weight:700; + height:20px; +} +.nextline { + clear:left; + display:block; + line-height:110%; +} +.typenow { + background-color:transparent; + background-image:url(http://alma.exlibrisgroup.com/view/branding_skin/icons/icon_getit_now.png); + background-position:initial initial; + background-repeat:no-repeat no-repeat; + padding-left:20px; +} +.typerequest { + background-color:transparent; + background-image:url(http://alma.exlibrisgroup.com/view/branding_skin/icons/icon_getit_request.png); + background-position:initial initial; + background-repeat:no-repeat no-repeat; + padding-left:20px; +} +.typewait { + background-color:transparent; + background-image:url(http://alma.exlibrisgroup.com/view/branding_skin/icons/icon_getit_wait.png); + background-position:initial initial; + background-repeat:no-repeat no-repeat; + padding-left:20px; +} +.typeother { + background-color:transparent; + background-image:url(http://alma.exlibrisgroup.com/view/branding_skin/icons/icon_getit_otherServices.png); + background-position:initial initial; + background-repeat:no-repeat no-repeat; + padding-left:20px; +} +.typeholdings { + background-color:transparent; + background-image:url(http://alma.exlibrisgroup.com/view/branding_skin/icons/icon_getit_holdings.png); + background-position:initial initial; + background-repeat:no-repeat no-repeat; + padding-left:20px; +} +.rowactions { + float:right; + text-align:right; +} +ul.formview { + display:block; + margin-left:2em; + margin-top:0.3em; + width:95%; +} +.formview li { + margin-bottom:0.3em; +} +.formview li label { + display:inline-block; + font-weight:normal; +} +.formview li label::before { + color:#FF0000; + content:'*'; + margin-right:0.5em; + visibility:hidden; +} +.formview li.requiredfield label::before { + color:red; + content:'*'; + visibility:visible; +} +.formview li input[type="checkbox"], .formview li input[type="radio"] { + border:none; + height:auto; + margin-right:0.5em; + width:auto; +} +.formview input.dp-applied { + margin:0; +} +.formview a.dp-choose-date img { + margin-top:-1px; + vertical-align:middle; +} +.mandatory { + color:#FF0000; +} +.submitborder { + border:1px solid #7F9DB9; + display:inline-block; + height:20px; + margin-left:0.8em; + margin-right:0.5em; + padding:1px; + text-align:center; + vertical-align:text-top; + width:auto; +} +.submitborder input { + background-image:-webkit-linear-gradient(top, #FA8E51 0%, #F3742B 100%); + background-position:initial initial; + background-repeat:initial initial; + border:none; + color:#FFFFFF; + cursor:pointer; + display:block; + font-weight:normal; + height:20px; + line-height:160%; + padding:0 0.5em; +} +.resetcontainer { + border:1px solid #7F9DB9; + display:inline-block; + height:20px; + padding:1px; + text-align:center; + vertical-align:text-top; + width:auto; +} +.resetcontainer a { + background-color:#BCBCBC; + background-position:initial initial; + background-repeat:initial initial; + color:#FFFFFF; + cursor:pointer; + display:inline-block; + font-weight:normal; + height:20px; + line-height:160%; + padding:0 0.5em; +} +.showmore { + background-color:#FFF6D4; + border:1px solid #F5E1B8; +} +.showmore span { + margin-right:3%; +} +.validationfeedback { + background-color:#FFF6D4; + border:1px solid #F5E1B8; + color:#D43B3B; + font-weight:700; +} +.systemfeedback { + background-color:#FFFBC3; + background-image:url(http://alma.exlibrisgroup.com/view/branding_skin/icons/bg_strip_system_feedback.png); + background-position:50% 100%; + background-repeat:repeat no-repeat; + border-bottom-color:#E1E1E1; + border-bottom-style:solid; + border-bottom-width:1px; + color:#000000; + padding:0.5em 1.5em 0.5em 0.6em; +} +.typed table { + width:100%; +} +.typed table th { + border-bottom-color:#E0E2E5; + border-bottom-style:solid; + border-bottom-width:1px; + color:#32322F; + height:26px; + padding-left:0.5em; + text-align:left; +} +.typed table tbody tr:hover, .typed2 table tbody tr:hover { +} +.typed table tbody tr td, .typed2 table tbody tr td { + background-color:#F6F6F6; + padding-bottom:0.3em; + padding-left:0.5em; + padding-top:0.3em; + vertical-align:top; +} +.typed table tbody tr:hover td, .typed2 table tbody tr:hover td { +} +.typed table tbody tr td:hover, .typed2 table tbody tr td:hover { +} +.typed table th.attention-table-title, .typed2 table th.attention-table-title { + background-color:#F2F2F2; +} +.typed table tbody tr.odd td { + background-color:#FFFFFF; + background-position:initial initial; + background-repeat:initial initial; +} +.typed table tbody tr.odd:hover td { + background-color:transparent; + background-position:initial initial; + background-repeat:initial initial; +} +.typed table th, .typed2 table th { +} +.typed table th input.sort { + background-color:transparent; + background-image:url(http://alma.exlibrisgroup.com/infra/images/sortable.png); + background-position:2px 50%; + background-repeat:no-repeat no-repeat; + color:#FFFFFF; + padding-left:14px; + text-decoration:none; + text-shadow:#092147 0 -1px; +} +.floatrigth { + float:right; +} +.typed table th input.sortedup { + background-image:url(http://alma.exlibrisgroup.com/infra/images/sortedUp.png); + color:#CCCCCC; +} +.typed table th input.sorteddown { + background-image:url(http://alma.exlibrisgroup.com/infra/images/sortedDown.png); + color:#CCCCCC; +} +.submitaslink, .typec .formdiv input.submitaslink { + background-attachment:scroll; + background-color:transparent; + background-image:none; + background-position:0 0; + background-repeat:repeat repeat; + border:medium none; + color:#0075B0; + cursor:pointer; + font-family:arial; + font-weight:400; + letter-spacing:0; + overflow:visible; + padding:0; + text-align:left; + text-decoration:none; + white-space:normal; + width:auto; +} +.submitasnolink, .typec .formdiv input.submitasnolink { + background-attachment:scroll; + background-color:transparent; + background-image:none; + background-position:0 0; + background-repeat:repeat repeat; + border:medium none; + color:#2C4D82; + cursor:pointer; + font-weight:400; + overflow:visible; + padding:0; + text-align:left; + white-space:normal; + width:auto; +} +.typei div.alignright .export { + background-image:-webkit-gradient(linear, 0 0%, 0 100%, from(#2C4D82), to(#143160)); + background-position:initial initial; + background-repeat:initial initial; +} +div.alignright { + float:right; +} +.typei .buttonlink { + color:#2C4D82; +} +.typei div.alignright ul li a { + color:#2C4D82; +} +ul.pagination li.hideactions .openupperactions, li.hideactions .openupperactions ul.actionstohide { + background-color:transparent; + border:1px solid #CCCCCC; + height:auto; + width:auto; +} +.paginationcontainer { + background-color:#F6F6F6; + border-bottom-color:#E1E1E1; + border-bottom-style:solid; + border-bottom-width:1px; + display:block; + float:none; + margin:0; + padding:0.5em 0 0; + width:100%; +} +.paginationcontainer ul { + background-color:#FFFFFF; + border-left-color:#E1E1E1; + border-left-width:1px; + border-right-color:#E1E1E1; + border-right-width:1px; + border-style:solid solid none; + border-top-color:#E1E1E1; + border-top-width:1px; + display:block; + margin-bottom:-1px; + margin-left:auto; + margin-right:auto; + text-align:center; + width:300px; +} +.pagination .buttonaction, .pagination .buttonaction input { + font-family:Arial; + min-width:0.9em; + padding:0 0.1em; + width:1.4em; +} +.pagination .selected { + background-color:#F0F1F8; + background-position:initial initial; + background-repeat:initial initial; + border-color:#939393; +} +.typei ul.pagination li { + display:inline-block; + padding-top:0.5em; +} +.typei ul.pagination li .selected input { + color:#555555; + cursor:default; +} +.typei ul li.alignright { + float:right; + padding-right:0.2em; +} +.widgetcontainer .welcomemessage .alignright { + margin:0.1em 0.5em 0 0; + padding-left:0.4em; +} +.widgetcontainer .welcomemessage .alignright a { + font-weight:700; + margin-right:0.8em; +} +.widgetcontainer .welcomemessage .alignright a:hover { + text-decoration:none; +} +.roundleft, .widgetcontainer .welcomemessage .alignright { + border-bottom-left-radius:2px; + border-top-left-radius:2px; +} +.roundright, .widgetcontainer .welcomemessage .alignright { + border-bottom-right-radius:2px; + border-top-right-radius:2px; +} +.buttonactionadjacent { + border-right-style:none; +} +.arrowdown { + background-color:transparent; + background-image:url(http://alma.exlibrisgroup.com/view/branding_skin/css/icon_optionsMenu_down.png); + background-position:50% 50%; + background-repeat:no-repeat no-repeat; + display:inline-block; + width:8px; +} +.typei div.alignright ul li { + color:#555555; +} +.typei div.alignright { + height:26px; + line-height:26px; +} +.typei div.alignleft { + height:26px; + line-height:26px; +} +.typei div.alignright ul { + height:26px; + line-height:26px; +} +.typei div.alignright ul li { + height:26px; + line-height:26px; +} +.pagination .buttonaction, .pagination .buttonaction input { + cursor:pointer; + min-width:0.9em; + padding:0 0.1em; +} +.pagination .selected { + background-color:#F0F1F8; + background-position:initial initial; + background-repeat:initial initial; + border-color:#939393; +} +span.arrow input { + text-indent:-1000em; + width:10px; +} +span.firstpage input { + background-color:transparent; + background-image:url(http://alma.exlibrisgroup.com/view/branding_skin/icons/firstPage.png); + background-position:50% 50%; + background-repeat:no-repeat no-repeat; +} +span.previouspage input { + background-color:transparent; + background-image:url(http://alma.exlibrisgroup.com/view/branding_skin/icons/previousPage.png); + background-position:50% 50%; + background-repeat:no-repeat no-repeat; +} +span.nextpage input { + background-color:transparent; + background-image:url(http://alma.exlibrisgroup.com/view/branding_skin/icons/nextPage.png); + background-position:50% 50%; + background-repeat:no-repeat no-repeat; +} +span.lastpage input { + background-color:transparent; + background-image:url(http://alma.exlibrisgroup.com/view/branding_skin/icons/lastPage.png); + background-position:50% 50%; + background-repeat:no-repeat no-repeat; +} +.iframeheader { + background-color:#F1F1F1; + background-image:url(http://alma.exlibrisgroup.com/view/branding_skin/icons/bg_strip_brief_tabs_header.png); + background-repeat:repeat no-repeat; + border-bottom-color:#E1E1E1; + border-bottom-style:solid; + border-bottom-width:1px; + display:block; + height:auto; + max-height:5em; + min-height:27px; +} +.iframeheader form { + margin:0; + padding:0; +} +.iframeheader div.iframeheadercontent { + color:#ADB9C2; + float:left; + padding:0.2em 0.3em 0.3em 0.5em; + width:98%; +} +.iframeheader .iframeheadercontent em { + color:#000000; + font-style:normal; + font-weight:normal; + padding-right:0.2em; +} +.iframeheader div.iframeheadercontent input.popout { + background-image:url(http://alma.exlibrisgroup.com/view/branding_skin/icons/icon_popout_tab.png); + background-position:100% 50%; + background-repeat:no-repeat no-repeat; + padding-right:1em; + width:auto; +} +.iframeheader div.iframeheadercontent span { + padding:0.3em 0.1em; + width:auto; +} +.iframeheader div.iframeheadercontent span.back { + background-image:url(http://alma.exlibrisgroup.com/view/branding_skin/icons/icon_arrow_prev.png); + background-position:0 50%; + background-repeat:no-repeat no-repeat; + display:inline-block; + float:right; + margin-top:1px; + padding:0 5px 0 1em; +} +.submitborderdisabled { + border:1px solid #BCBCBC; +} +.submitborderdisabled input[disabled] { + background-color:#BCBCBC; + background-image:none; + background-position:initial initial; + background-repeat:initial initial; + cursor:auto; + filter:none; + text-shadow:#EBEBEB 0 -1px 1px; +} \ No newline at end of file diff --git a/less/sections/alma-services.less b/less/sections/alma-services.less new file mode 100644 index 0000000..69157e3 --- /dev/null +++ b/less/sections/alma-services.less @@ -0,0 +1,27 @@ +// Alma Services Tab Styles + + +a, +a:link, +a:visited { + &:extend( a ); +} + +::selection { + background: inherit; + color: inherit; +} + + +//.viewIt +.tabContent{ + .container-fixed(); + li{ + padding: 0 @padding-base-horizontal; + } +} + + +.internalTitle{ + .h5; +} diff --git a/less/vendor/bootstrap-map.less b/less/vendor/bootstrap-map.less index e30f036..a11a0f2 100644 --- a/less/vendor/bootstrap-map.less +++ b/less/vendor/bootstrap-map.less @@ -1,31 +1,31 @@ - +@bootstrap-less-path: "../../lib/bootstrap/less"; // Core CSS -@import "../../lib/bootstrap/less/scaffolding"; -@import "../../lib/bootstrap/less/type"; -//@import "../../lib/bootstrap/less/code"; -@import "../../lib/bootstrap/less/grid"; -@import "../../lib/bootstrap/less/tables"; -@import "../../lib/bootstrap/less/forms"; -@import "../../lib/bootstrap/less/buttons"; +@import "@{bootstrap-less-path}/scaffolding"; +@import "@{bootstrap-less-path}/type"; +//@import "@{bootstrap-less-path}/code"; +@import "@{bootstrap-less-path}/grid"; +@import "@{bootstrap-less-path}/tables"; +@import "@{bootstrap-less-path}/forms"; +@import "@{bootstrap-less-path}/buttons"; // Components -//@import "../../lib/bootstrap/less/component-animations"; -@import "../../lib/bootstrap/less/dropdowns"; -@import "../../lib/bootstrap/less/button-groups"; -//@import "../../lib/bootstrap/less/input-groups"; -@import "../../lib/bootstrap/less/navs"; -@import "../../lib/bootstrap/less/navbar"; -@import "../../lib/bootstrap/less/pagination"; -//@import "../../lib/bootstrap/less/jumbotron"; -@import "../../lib/bootstrap/less/alerts"; -@import "../../lib/bootstrap/less/list-group"; -@import "../../lib/bootstrap/less/panels"; -@import "../../lib/bootstrap/less/close"; -@import "../../lib/bootstrap/less/modals"; -@import "../../lib/bootstrap/less/tooltip"; -//@import "../../lib/bootstrap/less/popovers"; +//@import "@{bootstrap-less-path}/component-animations"; +@import "@{bootstrap-less-path}/dropdowns"; +@import "@{bootstrap-less-path}/button-groups"; +//@import "@{bootstrap-less-path}/input-groups"; +@import "@{bootstrap-less-path}/navs"; +@import "@{bootstrap-less-path}/navbar"; +@import "@{bootstrap-less-path}/pagination"; +//@import "@{bootstrap-less-path}/jumbotron"; +@import "@{bootstrap-less-path}/alerts"; +@import "@{bootstrap-less-path}/list-group"; +@import "@{bootstrap-less-path}/panels"; +@import "@{bootstrap-less-path}/close"; +@import "@{bootstrap-less-path}/modals"; +@import "@{bootstrap-less-path}/tooltip"; +//@import "@{bootstrap-less-path}/popovers"; // Utility classes -@import "../../lib/bootstrap/less/utilities"; -@import "../../lib/bootstrap/less/responsive-utilities"; +@import "@{bootstrap-less-path}/utilities"; +@import "@{bootstrap-less-path}/responsive-utilities"; diff --git a/package.json b/package.json index 90c29a4..b2549e9 100644 --- a/package.json +++ b/package.json @@ -19,7 +19,6 @@ "grunt": "~0.4.1", "grunt-contrib-uglify": "~0.2.2", "grunt-contrib-watch": "~0.4.4", - "grunt-contrib-less": "~0.7.0", "grunt-ssh": "~0.6.2", "grunt-contrib-csslint": "~0.1.2", "grunt-contrib-jshint": "~0.6.4", @@ -34,6 +33,7 @@ "grunt-contrib-clean": "~0.5.0", "grunt-contrib-connect": "~0.6.0", "grunt-contrib-jasmine": "~0.6.1", - "grunt-curl": "~1.4.0" + "grunt-curl": "~1.4.0", + "grunt-contrib-less": "~0.9.0" } }