diff --git a/dspace-xmlui/dspace-xmlui-webapp/pom.xml b/dspace-xmlui/dspace-xmlui-webapp/pom.xml index 020c94d254ef..066a2bb2c2c5 100644 --- a/dspace-xmlui/dspace-xmlui-webapp/pom.xml +++ b/dspace-xmlui/dspace-xmlui-webapp/pom.xml @@ -60,6 +60,8 @@ **/jquery* **/modernizr* **/DD_belated* + **/detectmobile* + **/sc-mobile* diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/i18n/messages.xml b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/i18n/messages.xml index 006f74fba4ab..753af1eb7962 100644 --- a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/i18n/messages.xml +++ b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/i18n/messages.xml @@ -2144,4 +2144,16 @@ LC Name Authority author lookup Local value "@1@" (not in Naming Authority) + + DSpace Mobile + Search ALL + Browse ALL by + Date + Author + Title + Subject + Related + Items in Google Scholar + Download + diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/cookies.js b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/cookies.js new file mode 100644 index 000000000000..ebbadf18d86f --- /dev/null +++ b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/cookies.js @@ -0,0 +1,47 @@ +/* + * 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/ + */ +/* + + File created by James Russell + + cookies.js + Mobile theme for DSpace 1.6 + Last update by James Russell + September 12, 2012 +*/ + +function createCookie(name,value,days,domain) { + if (days) { + var date = new Date(); + date.setTime(date.getTime()+(days*24*60*60*1000)); + var expires = "; expires="+date.toGMTString(); + } + else var expires = ""; + if (domain) { + domain = "; domain="+domain; + } + else { + domain = ""; + } + document.cookie = name+"="+value+domain+expires+"; path=/"; +} + +function readCookie(name) { + var nameEQ = name + "="; + var ca = document.cookie.split(';'); + for(var i=0;i < ca.length;i++) { + var c = ca[i]; + while (c.charAt(0)==' ') c = c.substring(1,c.length); + if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); + } + return null; +} + +function eraseCookie(name) { + createCookie(name,"",-1); +} diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/detectmobile.LICENSE b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/detectmobile.LICENSE new file mode 100644 index 000000000000..68a49daad8ff --- /dev/null +++ b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/detectmobile.LICENSE @@ -0,0 +1,24 @@ +This is free and unencumbered software released into the public domain. + +Anyone is free to copy, modify, publish, use, compile, sell, or +distribute this software, either in source code form or as a compiled +binary, for any purpose, commercial or non-commercial, and by any +means. + +In jurisdictions that recognize copyright laws, the author or authors +of this software dedicate any and all copyright interest in the +software to the public domain. We make this dedication for the benefit +of the public at large and to the detriment of our heirs and +successors. We intend this dedication to be an overt act of +relinquishment in perpetuity of all present and future rights to this +software under copyright law. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR +OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR +OTHER DEALINGS IN THE SOFTWARE. + +For more information, please refer to diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/detectmobile.js b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/detectmobile.js new file mode 100644 index 000000000000..7216ed145187 --- /dev/null +++ b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/detectmobile.js @@ -0,0 +1,15 @@ +/* + Original file was downloaded from http://detectmobilebrowsers.com/ + + License + This is free and unencumbered software released into the public domain. + For more information, please refer to the UNLICENSE. + http://unlicense.org/ + + detectmobile.js + Mobile theme for DSpace 1.6 + Last update by James Russell + September 12, 2012 +*/ + +(function(a,b){if(readCookie('viewfull')!='true'&&/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|meego.+mobile|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,'http://mobile.sc.muohio.edu'); diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/ajax-loader.gif b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/ajax-loader.gif new file mode 100644 index 000000000000..fd1a189c21fe Binary files /dev/null and b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/ajax-loader.gif differ diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/default-thumbnail.png b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/default-thumbnail.png new file mode 100644 index 000000000000..4712ed3642a7 Binary files /dev/null and b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/default-thumbnail.png differ diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/icons-18-black.png b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/icons-18-black.png new file mode 100644 index 000000000000..ce1b758ad580 Binary files /dev/null and b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/icons-18-black.png differ diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/icons-18-white.png b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/icons-18-white.png new file mode 100644 index 000000000000..1ab01272379b Binary files /dev/null and b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/icons-18-white.png differ diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/icons-36-black.png b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/icons-36-black.png new file mode 100644 index 000000000000..1a59d7c375d6 Binary files /dev/null and b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/icons-36-black.png differ diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/icons-36-white.png b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/icons-36-white.png new file mode 100644 index 000000000000..5647bdc945d5 Binary files /dev/null and b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/images/icons-36-white.png differ diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/m-tweaks.css b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/m-tweaks.css new file mode 100755 index 000000000000..7bc2b4603ca1 --- /dev/null +++ b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/m-tweaks.css @@ -0,0 +1,329 @@ +/** + * 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/ + */ +/* + + This file was created to add mobile-friendly properties for DSpace elements + that sc-mobile.min.css cannot control. + + Last update by Elias Tzoc + September 12, 2012 + +*/ + +/* setting up general margin properties */ +div#ds-body { +margin-top: -20px; +font-size: 90%; +} + +/* elements for new metadata display */ +div#metadata-wrapper { +background: #F2F2F2; +border: 1px solid #BDBDBD; +-moz-border-radius: 5px; +border-radius: 5px; +padding: 1px; +} + +div.metadata-view { +clear: both; +background: #F2F2F2; +border: 1px solid #d8d8d8; +-moz-border-radius: 5px; +border-radius: 5px; +padding: 2px 5px; +} + +div.file-wrapper { +height: 57px; +padding: 5px; +background: #fafafa; +border: 1px solid #BDBDBD; +-moz-border-radius: 5px; +border-radius: 5px; +margin-bottom: 1px; +} + +div.file-metadata { +float:left; +margin-left: 5px; +line-height: 17px; +} + +div.thumbnail-wrapper { +float: left; +} + +div.thumbnail-wrapper img { +height: 55px; +border: 1px solid #ccc; +} + +div.artifact-description { +margin-top: -2px; +} + +div#aspect_artifactbrowser_ItemViewer_div_item-view h2 { +font-size: 20px; +margin-bottom: -1px; +} + +span.bold { +font-weight: bolder; +} + +form#aspect_artifactbrowser_SimpleSearch_div_general-query { +display:none; +} + +/* removing search for browsing collection/community pages */ +form#aspect_artifactbrowser_ConfigurableBrowse_div_browse-navigation p { +display: none; +} + +/* removing custom options for browsing in browse by author, title, and subject */ +form#aspect_artifactbrowser_ConfigurableBrowse_div_browse-controls { +display: none; +} + +/* formatting pagination elements */ +div.pagination-masked { +position: relative; +margin-left: 0px; +margin-top: 55px; +margin-bottom: 55px; +border-bottom: 1px solid #F2F2F2; +text-align: center; +} + +ul.pagination-links { +display:none; +} + +div#addthis { +margin-top: -10px; +} + +div.pagination { +position: relative; +margin-left: 0px; +margin-top: 55px; +margin-bottom: 55px; +border-bottom: 1px solid #F2F2F2; +} + +a.previous-page-link { +position: absolute; +left: 0px; +bottom: 3px; +width: 50px; +margin-top: 75px; +text-align: center; +padding: 10px; +color: #000; +background: #E6E6E6; +border: 1px solid #ccc; +-moz-border-radius: 5px; +border-radius: 5px; +text-decoration: none; +} + +a.next-page-link { +position: absolute; +right: -1px; +bottom: 3px; +width: 50px; +text-align: center; +padding: 10px; +background: #E6E6E6; +border: 1px solid #ccc; +-moz-border-radius: 5px; +border-radius: 5px; +text-decoration: none; +} + +p.pagination-info { +position: absolute; +text-align: center; +width: 100%; +margin: 0 auto; +float:right; +text-align: center; +padding: 10px 0px; +background: #E6E6E6; +color: #000; +border: 1px solid #ccc; +-moz-border-radius: 5px; +border-radius: 5px; +} + +/* table properties for results page */ +table { +clear: both; +width: 100%; +text-align: left; +margin-left: -35px; +padding: 5px; +} + +tr.ds-table-header-row { +display: none; +} + +div#aspect_artifactbrowser_CommunityViewer_div_community-view h3 { +margin-bottom: 15px; +} + +/* resizing default ul.listview */ +ul.ui-listview { +padding: 0px 15px; +} + +/* modifying ul.listview borders */ +ul.ui-listview li { +margin-bottom: 1px; +border: 1px solid #ccc; +-moz-border-radius: 10px; +border-radius: 10px; +} + +ul.ds-artifact-list { +background: #fafafa; +list-style-type: none; +margin-top: 0px; +border: 1px solid #ccc; +-moz-border-radius: 5px; +border-radius: 5px; +} + +ul.ds-artifact-list li { +margin-left: -25px; +margin-top: 10px; +margin-right: 15px; +margin-bottom: 15px; +border-bottom: 0px solid #ccc; +} + +ul.ds-referenceSet-list { +background: #fafafa; +list-style-type: none; +margin-top: 0px; +border: 1px solid #ccc; +-moz-border-radius: 5px; +border-radius: 5px; +} + +ul.ds-referenceSet-list li { +margin-left: -30px; +margin-top: 5px; +margin-bottom: 5px; +border-bottom: 0px solid #ccc; +} + +div.artifact-info { +margin-top: 0px; +margin-bottom: 10px; +} + +div#aspect_artifactbrowser_CollectionViewer_div_collection-recent-submission { +margin-top: -15px; +} + +div#aspect_artifactbrowser_SimpleSearch_div_search-results h3 { +display:inline; +} + +p#aspect_artifactbrowser_SimpleSearch_p_result-query { +margin-top: -15px; +} + +/* removing complex or advanced elements */ +form#aspect_artifactbrowser_CommunityViewer_div_community-search a { +display:none; +} +form#aspect_artifactbrowser_CollectionViewer_div_collection-search a { +display:none; +} +div#aspect_artifactbrowser_SimpleSearch_div_search h3 { +display:none; +} +div#aspect_artifactbrowser_ItemViewer_div_item-view p { +display: none; +} + + +form#aspect_artifactbrowser_CommunityViewer_div_community-search { +margin-top: -15px; +margin-bottom: 40px; +} + +form#aspect_artifactbrowser_CollectionViewer_div_collection-search { +margin-top: -15px; +margin-bottom: 40px; +} + +/* A-Z browse on author, title and subject pages */ +ul#aspect_artifactbrowser_ConfigurableBrowse_list_jump-list { +margin-top: -15px; +padding-left: 0px; +padding-top: 0px; +list-style-type:none; +height: 75px; +min-width: 200px; +} + +ul#aspect_artifactbrowser_ConfigurableBrowse_list_jump-list a { +text-decoration: none; +padding: 5px 0px; +} + +ul#aspect_artifactbrowser_ConfigurableBrowse_list_jump-list li { +float:left; +min-width:9.9%; +height: 22px; +text-align:center; +background: #E6E6E6; +margin-bottom: 2px; +margin-right: 1px; +margin-left: 1px; +border: 1px solid #ccc; +-moz-border-radius: 5px; +border-radius: 5px; +font-size: 110%; +} + +/* removes extra line and margin control for community browser page */ +div#aspect_artifactbrowser_CommunityBrowser_div_comunity-browser p { +display:none; +} + +div#aspect_artifactbrowser_CommunityBrowser_div_comunity-browser { +margin-top: -18px; +margin-bottom: 40px; +} + +/* aligning elements on front-page */ +div#browse-front-page { +margin-top: -15px; +margin-bottom: 10px; +} + +div#file_news_div_news { +margin-top: -5px; +margin-bottom: -5px; +} + +form#search { +margin-top: -15px; +margin-bottom: 25px; +} + +h3.ds-list-head { +font-size: 18px; +margin-bottom: 1px; +} diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/sc-mobile.LICENSE b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/sc-mobile.LICENSE new file mode 100644 index 000000000000..7b154c121919 --- /dev/null +++ b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/sc-mobile.LICENSE @@ -0,0 +1,21 @@ +Copyright 2012 jQuery Foundation and other contributors +http://jquery.com/ + +Permission is hereby granted, free of charge, to any person obtaining +a copy of this software and associated documentation files (the +"Software"), to deal in the Software without restriction, including +without limitation the rights to use, copy, modify, merge, publish, +distribute, sublicense, and/or sell copies of the Software, and to +permit persons to whom the Software is furnished to do so, subject to +the following conditions: + +The above copyright notice and this permission notice shall be +included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND +NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE +LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION +OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION +WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/sc-mobile.css b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/sc-mobile.css new file mode 100644 index 000000000000..c3f4ecb6509e --- /dev/null +++ b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/sc-mobile.css @@ -0,0 +1,1193 @@ +/* + + Original file was created and downloaded from http://jquerymobile.com/themeroller/ + jQuery Mobile Framework 1.1.1 1981b3f5ec22675ae47df8f0bdf9622e7780e90e + + Copyright 2012 jQuery Foundation and other contributors + Dual licensed under the MIT or GPL Version 2 licenses. + http://jquery.org/license + + This uncompressed file can be used to import/upgrade the CSS properties at http://jquerymobile.com/themeroller/ + +*/ + +/* Swatches */ + +/* A +-----------------------------------------------------------------------------------------------------------*/ + +.ui-bar-a { + border: 1px solid #424242 /*{a-bar-border}*/; + background: #9b1f23 /*{a-bar-background-color}*/; + color: #ffffff /*{a-bar-color}*/; + font-weight: bold; + text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #444444 /*{a-bar-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #9b1f23 /*{a-bar-background-start}*/), to( #660000 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #9b1f23 /*{a-bar-background-start}*/, #660000 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #9b1f23 /*{a-bar-background-start}*/, #660000 /*{a-bar-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #9b1f23 /*{a-bar-background-start}*/, #660000 /*{a-bar-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #9b1f23 /*{a-bar-background-start}*/, #660000 /*{a-bar-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #9b1f23 /*{a-bar-background-start}*/, #660000 /*{a-bar-background-end}*/); +} +.ui-bar-a .ui-link-inherit { + color: #ffffff /*{a-bar-color}*/; +} + +.ui-bar-a a.ui-link { + color: #7cc4e7 /*{a-bar-link-color}*/; + font-weight: bold; +} + +.ui-bar-a a.ui-link:visited { + color: #2489CE /*{a-bar-link-visited}*/; +} + +.ui-bar-a a.ui-link:hover { + color: #2489CE /*{a-bar-link-hover}*/; +} + +.ui-bar-a a.ui-link:active { + color: #2489CE /*{a-bar-link-active}*/; +} + +.ui-bar-a, +.ui-bar-a input, +.ui-bar-a select, +.ui-bar-a textarea, +.ui-bar-a button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-body-a, +.ui-overlay-a { + border: 1px solid #aaaaaa /*{a-body-border}*/; + color: #333333 /*{a-body-color}*/; + text-shadow: 0 /*{a-body-shadow-x}*/ 0px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #ffffff /*{a-body-shadow-color}*/; + background: #ffffff /*{a-body-background-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{a-body-background-start}*/), to( #ffffff /*{a-body-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #ffffff /*{a-body-background-start}*/, #ffffff /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #ffffff /*{a-body-background-start}*/, #ffffff /*{a-body-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #ffffff /*{a-body-background-start}*/, #ffffff /*{a-body-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #ffffff /*{a-body-background-start}*/, #ffffff /*{a-body-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #ffffff /*{a-body-background-start}*/, #ffffff /*{a-body-background-end}*/); +} +.ui-overlay-a { + background-image: none; + border-width: 0; +} +.ui-body-a, +.ui-body-a input, +.ui-body-a select, +.ui-body-a textarea, +.ui-body-a button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-body-a .ui-link-inherit { + color: #333333 /*{a-body-color}*/; +} + +.ui-body-a .ui-link { + color: #c1272d /*{a-body-link-color}*/; + font-weight: bold; +} + +.ui-body-a .ui-link:visited { + color: #c1272d /*{a-body-link-visited}*/; +} + +.ui-body-a .ui-link:hover { + color: #dd2c33 /*{a-body-link-hover}*/; +} + +.ui-body-a .ui-link:active { + color: #c1272d /*{a-body-link-active}*/; +} + +.ui-btn-up-a { + border: 1px solid #cccccc /*{a-bup-border}*/; + background: #e6e6e6 /*{a-bup-background-color}*/; + font-weight: bold; + color: #2F3E46 /*{a-bup-color}*/; + text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #ffffff /*{a-bup-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #e6e6e6 /*{a-bup-background-start}*/), to( #e6e6e6 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #e6e6e6 /*{a-bup-background-start}*/, #e6e6e6 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #e6e6e6 /*{a-bup-background-start}*/, #e6e6e6 /*{a-bup-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #e6e6e6 /*{a-bup-background-start}*/, #e6e6e6 /*{a-bup-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #e6e6e6 /*{a-bup-background-start}*/, #e6e6e6 /*{a-bup-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #e6e6e6 /*{a-bup-background-start}*/, #e6e6e6 /*{a-bup-background-end}*/); +} +.ui-btn-up-a:visited, +.ui-btn-up-a a.ui-link-inherit { + color: #2F3E46 /*{a-bup-color}*/; +} +.ui-btn-hover-a { + border: 1px solid #bbbbbb /*{a-bhover-border}*/; + background: #dfdfdf /*{a-bhover-background-color}*/; + font-weight: bold; + color: #2F3E46 /*{a-bhover-color}*/; + text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #ffffff /*{a-bhover-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{a-bhover-background-start}*/), to( #e0e0e0 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); +} +.ui-btn-hover-a:visited, +.ui-btn-hover-a:hover, +.ui-btn-hover-a a.ui-link-inherit { + color: #2F3E46 /*{a-bhover-color}*/; +} +.ui-btn-down-a { + border: 1px solid #bbbbbb /*{a-bdown-border}*/; + background: #d6d6d6 /*{a-bdown-background-color}*/; + font-weight: bold; + color: #2F3E46 /*{a-bdown-color}*/; + text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #ffffff /*{a-bdown-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{a-bdown-background-start}*/), to( #dfdfdf /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/); +} +.ui-btn-down-a:visited, +.ui-btn-down-a:hover, +.ui-btn-down-a a.ui-link-inherit { + color: #2F3E46 /*{a-bdown-color}*/; +} +.ui-btn-up-a, +.ui-btn-hover-a, +.ui-btn-down-a { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; + text-decoration: none; +} + + +/* B +-----------------------------------------------------------------------------------------------------------*/ + +.ui-bar-b { + border: 1px solid #424242 /*{b-bar-border}*/; + background: #9b1f23 /*{b-bar-background-color}*/; + color: #ffffff /*{b-bar-color}*/; + font-weight: bold; + text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #444444 /*{b-bar-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #9b1f23 /*{b-bar-background-start}*/), to( #660000 /*{b-bar-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #9b1f23 /*{b-bar-background-start}*/, #660000 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #9b1f23 /*{b-bar-background-start}*/, #660000 /*{b-bar-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #9b1f23 /*{b-bar-background-start}*/, #660000 /*{b-bar-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #9b1f23 /*{b-bar-background-start}*/, #660000 /*{b-bar-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #9b1f23 /*{b-bar-background-start}*/, #660000 /*{b-bar-background-end}*/); +} +.ui-bar-b .ui-link-inherit { + color: #ffffff /*{b-bar-color}*/; +} + +.ui-bar-b a.ui-link { + color: #7cc4e7 /*{b-bar-link-color}*/; + font-weight: bold; +} + +.ui-bar-b a.ui-link:visited { + color: #2489CE /*{b-bar-link-visited}*/; +} + +.ui-bar-b a.ui-link:hover { + color: #2489CE /*{b-bar-link-hover}*/; +} + +.ui-bar-b a.ui-link:active { + color: #2489CE /*{b-bar-link-active}*/; +} + +.ui-bar-b, +.ui-bar-b input, +.ui-bar-b select, +.ui-bar-b textarea, +.ui-bar-b button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-body-b, +.ui-overlay-b { + border: 1px solid #aaaaaa /*{b-body-border}*/; + color: #333333 /*{b-body-color}*/; + text-shadow: 0 /*{b-body-shadow-x}*/ 0px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #ffffff /*{b-body-shadow-color}*/; + background: #ffffff /*{b-body-background-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{b-body-background-start}*/), to( #ffffff /*{b-body-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #ffffff /*{b-body-background-start}*/, #ffffff /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #ffffff /*{b-body-background-start}*/, #ffffff /*{b-body-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #ffffff /*{b-body-background-start}*/, #ffffff /*{b-body-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #ffffff /*{b-body-background-start}*/, #ffffff /*{b-body-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #ffffff /*{b-body-background-start}*/, #ffffff /*{b-body-background-end}*/); +} +.ui-overlay-b { + background-image: none; + border-width: 0; +} +.ui-body-b, +.ui-body-b input, +.ui-body-b select, +.ui-body-b textarea, +.ui-body-b button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-body-b .ui-link-inherit { + color: #333333 /*{b-body-color}*/; +} + +.ui-body-b .ui-link { + color: #c1272d /*{b-body-link-color}*/; + font-weight: bold; +} + +.ui-body-b .ui-link:visited { + color: #c1272d /*{b-body-link-visited}*/; +} + +.ui-body-b .ui-link:hover { + color: #dd2c33 /*{b-body-link-hover}*/; +} + +.ui-body-b .ui-link:active { + color: #c1272d /*{b-body-link-active}*/; +} + +.ui-btn-up-b { + border: 1px solid #cccccc /*{b-bup-border}*/; + background: #e6e6e6 /*{b-bup-background-color}*/; + font-weight: bold; + color: #2F3E46 /*{b-bup-color}*/; + text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #ffffff /*{b-bup-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #e6e6e6 /*{b-bup-background-start}*/), to( #e6e6e6 /*{b-bup-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #e6e6e6 /*{b-bup-background-start}*/, #e6e6e6 /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #e6e6e6 /*{b-bup-background-start}*/, #e6e6e6 /*{b-bup-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #e6e6e6 /*{b-bup-background-start}*/, #e6e6e6 /*{b-bup-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #e6e6e6 /*{b-bup-background-start}*/, #e6e6e6 /*{b-bup-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #e6e6e6 /*{b-bup-background-start}*/, #e6e6e6 /*{b-bup-background-end}*/); +} +.ui-btn-up-b:visited, +.ui-btn-up-b a.ui-link-inherit { + color: #2F3E46 /*{b-bup-color}*/; +} +.ui-btn-hover-b { + border: 1px solid #bbbbbb /*{b-bhover-border}*/; + background: #dfdfdf /*{b-bhover-background-color}*/; + font-weight: bold; + color: #2F3E46 /*{b-bhover-color}*/; + text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #ffffff /*{b-bhover-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{b-bhover-background-start}*/), to( #e0e0e0 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); +} +.ui-btn-hover-b:visited, +.ui-btn-hover-b:hover, +.ui-btn-hover-b a.ui-link-inherit { + color: #2F3E46 /*{b-bhover-color}*/; +} +.ui-btn-down-b { + border: 1px solid #bbbbbb /*{b-bdown-border}*/; + background: #d6d6d6 /*{b-bdown-background-color}*/; + font-weight: bold; + color: #2F3E46 /*{b-bdown-color}*/; + text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #ffffff /*{b-bdown-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{b-bdown-background-start}*/), to( #dfdfdf /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); +} +.ui-btn-down-b:visited, +.ui-btn-down-b:hover, +.ui-btn-down-b a.ui-link-inherit { + color: #2F3E46 /*{b-bdown-color}*/; +} +.ui-btn-up-b, +.ui-btn-hover-b, +.ui-btn-down-b { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; + text-decoration: none; +} + + +/* C +-----------------------------------------------------------------------------------------------------------*/ + +.ui-bar-c { + border: 1px solid #424242 /*{c-bar-border}*/; + background: #9b1f23 /*{c-bar-background-color}*/; + color: #ffffff /*{c-bar-color}*/; + font-weight: bold; + text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #444444 /*{c-bar-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #9b1f23 /*{c-bar-background-start}*/), to( #660000 /*{c-bar-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #9b1f23 /*{c-bar-background-start}*/, #660000 /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #9b1f23 /*{c-bar-background-start}*/, #660000 /*{c-bar-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #9b1f23 /*{c-bar-background-start}*/, #660000 /*{c-bar-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #9b1f23 /*{c-bar-background-start}*/, #660000 /*{c-bar-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #9b1f23 /*{c-bar-background-start}*/, #660000 /*{c-bar-background-end}*/); +} +.ui-bar-c .ui-link-inherit { + color: #ffffff /*{c-bar-color}*/; +} + +.ui-bar-c a.ui-link { + color: #7cc4e7 /*{c-bar-link-color}*/; + font-weight: bold; +} + +.ui-bar-c a.ui-link:visited { + color: #2489CE /*{c-bar-link-visited}*/; +} + +.ui-bar-c a.ui-link:hover { + color: #2489CE /*{c-bar-link-hover}*/; +} + +.ui-bar-c a.ui-link:active { + color: #2489CE /*{c-bar-link-active}*/; +} + +.ui-bar-c, +.ui-bar-c input, +.ui-bar-c select, +.ui-bar-c textarea, +.ui-bar-c button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-body-c, +.ui-overlay-c { + border: 1px solid #aaaaaa /*{c-body-border}*/; + color: #333333 /*{c-body-color}*/; + text-shadow: 0 /*{c-body-shadow-x}*/ 0px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #ffffff /*{c-body-shadow-color}*/; + background: #ffffff /*{c-body-background-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-body-background-start}*/), to( #ffffff /*{c-body-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #ffffff /*{c-body-background-start}*/, #ffffff /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #ffffff /*{c-body-background-start}*/, #ffffff /*{c-body-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #ffffff /*{c-body-background-start}*/, #ffffff /*{c-body-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #ffffff /*{c-body-background-start}*/, #ffffff /*{c-body-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #ffffff /*{c-body-background-start}*/, #ffffff /*{c-body-background-end}*/); +} +.ui-overlay-c { + background-image: none; + border-width: 0; +} +.ui-body-c, +.ui-body-c input, +.ui-body-c select, +.ui-body-c textarea, +.ui-body-c button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-body-c .ui-link-inherit { + color: #333333 /*{c-body-color}*/; +} + +.ui-body-c .ui-link { + color: #c1272d /*{c-body-link-color}*/; + font-weight: bold; +} + +.ui-body-c .ui-link:visited { + color: #c1272d /*{c-body-link-visited}*/; +} + +.ui-body-c .ui-link:hover { + color: #dd2c33 /*{c-body-link-hover}*/; +} + +.ui-body-c .ui-link:active { + color: #c1272d /*{c-body-link-active}*/; +} + +.ui-btn-up-c { + border: 1px solid #cccccc /*{c-bup-border}*/; + background: #e6e6e6 /*{c-bup-background-color}*/; + font-weight: bold; + color: #2F3E46 /*{c-bup-color}*/; + text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #e6e6e6 /*{c-bup-background-start}*/), to( #e6e6e6 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #e6e6e6 /*{c-bup-background-start}*/, #e6e6e6 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #e6e6e6 /*{c-bup-background-start}*/, #e6e6e6 /*{c-bup-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #e6e6e6 /*{c-bup-background-start}*/, #e6e6e6 /*{c-bup-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #e6e6e6 /*{c-bup-background-start}*/, #e6e6e6 /*{c-bup-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #e6e6e6 /*{c-bup-background-start}*/, #e6e6e6 /*{c-bup-background-end}*/); +} +.ui-btn-up-c:visited, +.ui-btn-up-c a.ui-link-inherit { + color: #2F3E46 /*{c-bup-color}*/; +} +.ui-btn-hover-c { + border: 1px solid #bbbbbb /*{c-bhover-border}*/; + background: #dfdfdf /*{c-bhover-background-color}*/; + font-weight: bold; + color: #2F3E46 /*{c-bhover-color}*/; + text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); +} +.ui-btn-hover-c:visited, +.ui-btn-hover-c:hover, +.ui-btn-hover-c a.ui-link-inherit { + color: #2F3E46 /*{c-bhover-color}*/; +} +.ui-btn-down-c { + border: 1px solid #bbbbbb /*{c-bdown-border}*/; + background: #d6d6d6 /*{c-bdown-background-color}*/; + font-weight: bold; + color: #2F3E46 /*{c-bdown-color}*/; + text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); +} +.ui-btn-down-c:visited, +.ui-btn-down-c:hover, +.ui-btn-down-c a.ui-link-inherit { + color: #2F3E46 /*{c-bdown-color}*/; +} +.ui-btn-up-c, +.ui-btn-hover-c, +.ui-btn-down-c { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; + text-decoration: none; +} + + + + +/* Structure */ + +/* links within "buttons" +-----------------------------------------------------------------------------------------------------------*/ + +a.ui-link-inherit { + text-decoration: none !important; +} + + +/* Bctive class used as the "on" state across all themes +-----------------------------------------------------------------------------------------------------------*/ +.ui-btn-active { + border: 1px solid #9b1f23 /*{global-active-border}*/; + background: #9b1f23 /*{global-active-background-color}*/; + font-weight: bold; + color: #ffffff /*{global-active-color}*/; + cursor: pointer; + text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #444444 /*{global-active-shadow-color}*/; + text-decoration: none; + background-image: -webkit-gradient(linear, left top, left bottom, from( #aa2226 /*{global-active-background-start}*/), to( #8b1b1f /*{global-active-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #aa2226 /*{global-active-background-start}*/, #8b1b1f /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #aa2226 /*{global-active-background-start}*/, #8b1b1f /*{global-active-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #aa2226 /*{global-active-background-start}*/, #8b1b1f /*{global-active-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #aa2226 /*{global-active-background-start}*/, #8b1b1f /*{global-active-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #aa2226 /*{global-active-background-start}*/, #8b1b1f /*{global-active-background-end}*/); + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-btn-active:visited, +.ui-btn-active:hover, +.ui-btn-active a.ui-link-inherit { + color: #ffffff /*{global-active-color}*/; +} + + +/* button inner top highlight +-----------------------------------------------------------------------------------------------------------*/ + +.ui-btn-inner { + border-top: 1px solid #fff; + border-color: rgba(255,255,255,.3); +} + + +/* corner rounding classes +-----------------------------------------------------------------------------------------------------------*/ + +.ui-corner-tl { + -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; + -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; + border-top-left-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-tr { + -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; + -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; + border-top-right-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-bl { + -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; + border-bottom-left-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-br { + -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; + border-bottom-right-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-top { + -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; + -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; + border-top-left-radius: .6em /*{global-radii-blocks}*/; + -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; + -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; + border-top-right-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-bottom { + -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; + border-bottom-left-radius: .6em /*{global-radii-blocks}*/; + -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; + border-bottom-right-radius: .6em /*{global-radii-blocks}*/; + } +.ui-corner-right { + -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; + -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; + border-top-right-radius: .6em /*{global-radii-blocks}*/; + -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; + border-bottom-right-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-left { + -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; + -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; + border-top-left-radius: .6em /*{global-radii-blocks}*/; + -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; + border-bottom-left-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-all { + -moz-border-radius: .6em /*{global-radii-blocks}*/; + -webkit-border-radius: .6em /*{global-radii-blocks}*/; + border-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-none { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} + +/* Form field separator +-----------------------------------------------------------------------------------------------------------*/ +.ui-br { + border-bottom: rgb(130,130,130); + border-bottom: rgba(130,130,130,.3); + border-bottom-width: 1px; + border-bottom-style: solid; +} + +/* Interaction cues +-----------------------------------------------------------------------------------------------------------*/ +.ui-disabled { + opacity: .3; +} +.ui-disabled, +.ui-disabled a { + cursor: default !important; + pointer-events: none; +} +.ui-disabled .ui-btn-text { + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)"; + filter: alpha(opacity=30); + zoom: 1; +} + +/* Icons +-----------------------------------------------------------------------------------------------------------*/ + +.ui-icon, +.ui-icon-searchfield:after { + background: #FFFFFF /*{global-icon-color}*/; + background: rgba(153,0,0,1) /*{global-icon-disc}*/; + background-image: url(images/icons-18-white.png) /*{global-icon-set}*/; + background-repeat: no-repeat; + -moz-border-radius: 9px; + -webkit-border-radius: 9px; + border-radius: 9px; +} + + +/* Blt icon color +-----------------------------------------------------------------------------------------------------------*/ + +.ui-icon-alt { + background: #fff; + background: rgba(255,255,255,.3); + background-image: url(images/icons-18-black.png); + background-repeat: no-repeat; +} + +/* HD/"retina" sprite +-----------------------------------------------------------------------------------------------------------*/ + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min--moz-device-pixel-ratio: 1.5), + only screen and (min-resolution: 240dpi) { + + .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, + .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, + .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, + .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, + .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on { + background-image: url(images/icons-36-white.png); + -moz-background-size: 776px 18px; + -o-background-size: 776px 18px; + -webkit-background-size: 776px 18px; + background-size: 776px 18px; + } + .ui-icon-alt { + background-image: url(images/icons-36-black.png); + } +} + +/* plus minus */ +.ui-icon-plus { + background-position: -0 50%; +} +.ui-icon-minus { + background-position: -36px 50%; +} + +/* delete/close */ +.ui-icon-delete { + background-position: -72px 50%; +} + +/* arrows */ +.ui-icon-arrow-r { + background-position: -108px 50%; +} +.ui-icon-arrow-l { + background-position: -144px 50%; +} +.ui-icon-arrow-u { + background-position: -180px 50%; +} +.ui-icon-arrow-d { + background-position: -216px 50%; +} + +/* misc */ +.ui-icon-check { + background-position: -252px 50%; +} +.ui-icon-gear { + background-position: -288px 50%; +} +.ui-icon-refresh { + background-position: -324px 50%; +} +.ui-icon-forward { + background-position: -360px 50%; +} +.ui-icon-back { + background-position: -396px 50%; +} +.ui-icon-grid { + background-position: -432px 50%; +} +.ui-icon-star { + background-position: -468px 50%; +} +.ui-icon-alert { + background-position: -504px 50%; +} +.ui-icon-info { + background-position: -540px 50%; +} +.ui-icon-home { + background-position: -576px 50%; +} +.ui-icon-search, +.ui-icon-searchfield:after { + background-position: -612px 50%; +} +.ui-icon-checkbox-off { + background-position: -684px 50%; +} +.ui-icon-checkbox-on { + background-position: -648px 50%; +} +.ui-icon-radio-off { + background-position: -756px 50%; +} +.ui-icon-radio-on { + background-position: -720px 50%; +} + + +/* checks,radios */ +.ui-checkbox .ui-icon { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.ui-icon-checkbox-off, +.ui-icon-radio-off { + background-color: transparent; +} +.ui-checkbox-on .ui-icon, +.ui-radio-on .ui-icon { + background-color: #9b1f23 /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */ +} + +/* loading icon */ +.ui-icon-loading { + background: url(images/ajax-loader.gif); + background-size: 46px 46px; +} + + + + +/* Structure */ + +/* links within "buttons" +-----------------------------------------------------------------------------------------------------------*/ + +a.ui-link-inherit { + text-decoration: none !important; +} + + +/* Active class used as the "on" state across all themes +-----------------------------------------------------------------------------------------------------------*/ +.ui-btn-active { + border: 1px solid #9b1f23 /*{global-active-border}*/; + background: #9b1f23 /*{global-active-background-color}*/; + font-weight: bold; + color: #ffffff /*{global-active-color}*/; + cursor: pointer; + text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #444444 /*{global-active-shadow-color}*/; + text-decoration: none; + background-image: -webkit-gradient(linear, left top, left bottom, from( #aa2226 /*{global-active-background-start}*/), to( #8b1b1f /*{global-active-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #aa2226 /*{global-active-background-start}*/, #8b1b1f /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #aa2226 /*{global-active-background-start}*/, #8b1b1f /*{global-active-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #aa2226 /*{global-active-background-start}*/, #8b1b1f /*{global-active-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #aa2226 /*{global-active-background-start}*/, #8b1b1f /*{global-active-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #aa2226 /*{global-active-background-start}*/, #8b1b1f /*{global-active-background-end}*/); + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-btn-active:visited, +.ui-btn-active:hover, +.ui-btn-active a.ui-link-inherit { + color: #ffffff /*{global-active-color}*/; +} + + +/* button inner top highlight +-----------------------------------------------------------------------------------------------------------*/ + +.ui-btn-inner { + border-top: 1px solid #fff; + border-color: rgba(255,255,255,.3); +} + + +/* corner rounding classes +-----------------------------------------------------------------------------------------------------------*/ + +.ui-corner-tl { + -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; + -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; + border-top-left-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-tr { + -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; + -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; + border-top-right-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-bl { + -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; + border-bottom-left-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-br { + -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; + border-bottom-right-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-top { + -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; + -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; + border-top-left-radius: .6em /*{global-radii-blocks}*/; + -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; + -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; + border-top-right-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-bottom { + -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; + border-bottom-left-radius: .6em /*{global-radii-blocks}*/; + -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; + border-bottom-right-radius: .6em /*{global-radii-blocks}*/; + } +.ui-corner-right { + -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; + -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; + border-top-right-radius: .6em /*{global-radii-blocks}*/; + -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; + border-bottom-right-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-left { + -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; + -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; + border-top-left-radius: .6em /*{global-radii-blocks}*/; + -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; + border-bottom-left-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-all { + -moz-border-radius: .6em /*{global-radii-blocks}*/; + -webkit-border-radius: .6em /*{global-radii-blocks}*/; + border-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-none { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} + +/* Form field separator +-----------------------------------------------------------------------------------------------------------*/ +.ui-br { + border-bottom: rgb(130,130,130); + border-bottom: rgba(130,130,130,.3); + border-bottom-width: 1px; + border-bottom-style: solid; +} + +/* Interaction cues +-----------------------------------------------------------------------------------------------------------*/ +.ui-disabled { + opacity: .3; +} +.ui-disabled, +.ui-disabled a { + cursor: default !important; + pointer-events: none; +} +.ui-disabled .ui-btn-text { + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)"; + filter: alpha(opacity=30); + zoom: 1; +} + +/* Icons +-----------------------------------------------------------------------------------------------------------*/ + +.ui-icon, +.ui-icon-searchfield:after { + background: #FFFFFF /*{global-icon-color}*/; + background: rgba(153,0,0,1) /*{global-icon-disc}*/; + background-image: url(images/icons-18-white.png) /*{global-icon-set}*/; + background-repeat: no-repeat; + -moz-border-radius: 9px; + -webkit-border-radius: 9px; + border-radius: 9px; +} + + +/* Alt icon color +-----------------------------------------------------------------------------------------------------------*/ + +.ui-icon-alt { + background: #fff; + background: rgba(255,255,255,.3); + background-image: url(images/icons-18-black.png); + background-repeat: no-repeat; +} + +/* HD/"retina" sprite +-----------------------------------------------------------------------------------------------------------*/ + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min--moz-device-pixel-ratio: 1.5), + only screen and (min-resolution: 240dpi) { + + .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, + .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, + .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, + .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, + .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on { + background-image: url(images/icons-36-white.png); + -moz-background-size: 776px 18px; + -o-background-size: 776px 18px; + -webkit-background-size: 776px 18px; + background-size: 776px 18px; + } + .ui-icon-alt { + background-image: url(images/icons-36-black.png); + } +} + +/* plus minus */ +.ui-icon-plus { + background-position: -0 50%; +} +.ui-icon-minus { + background-position: -36px 50%; +} + +/* delete/close */ +.ui-icon-delete { + background-position: -72px 50%; +} + +/* arrows */ +.ui-icon-arrow-r { + background-position: -108px 50%; +} +.ui-icon-arrow-l { + background-position: -144px 50%; +} +.ui-icon-arrow-u { + background-position: -180px 50%; +} +.ui-icon-arrow-d { + background-position: -216px 50%; +} + +/* misc */ +.ui-icon-check { + background-position: -252px 50%; +} +.ui-icon-gear { + background-position: -288px 50%; +} +.ui-icon-refresh { + background-position: -324px 50%; +} +.ui-icon-forward { + background-position: -360px 50%; +} +.ui-icon-back { + background-position: -396px 50%; +} +.ui-icon-grid { + background-position: -432px 50%; +} +.ui-icon-star { + background-position: -468px 50%; +} +.ui-icon-alert { + background-position: -504px 50%; +} +.ui-icon-info { + background-position: -540px 50%; +} +.ui-icon-home { + background-position: -576px 50%; +} +.ui-icon-search, +.ui-icon-searchfield:after { + background-position: -612px 50%; +} +.ui-icon-checkbox-off { + background-position: -684px 50%; +} +.ui-icon-checkbox-on { + background-position: -648px 50%; +} +.ui-icon-radio-off { + background-position: -756px 50%; +} +.ui-icon-radio-on { + background-position: -720px 50%; +} + + +/* checks,radios */ +.ui-checkbox .ui-icon { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.ui-icon-checkbox-off, +.ui-icon-radio-off { + background-color: transparent; +} +.ui-checkbox-on .ui-icon, +.ui-radio-on .ui-icon { + background-color: #9b1f23 /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */ +} + +/* loading icon */ +.ui-icon-loading { + background: url(images/ajax-loader.gif); + background-size: 46px 46px; +} + + +/* Button corner classes +-----------------------------------------------------------------------------------------------------------*/ + +.ui-btn-corner-tl { + -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; + -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; + border-top-left-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-tr { + -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; + -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; + border-top-right-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-bl { + -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; + border-bottom-left-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-br { + -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; + border-bottom-right-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-top { + -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; + -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; + border-top-left-radius: 1em /*{global-radii-buttons}*/; + -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; + -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; + border-top-right-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-bottom { + -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; + border-bottom-left-radius: 1em /*{global-radii-buttons}*/; + -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; + border-bottom-right-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-right { + -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; + -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; + border-top-right-radius: 1em /*{global-radii-buttons}*/; + -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; + border-bottom-right-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-left { + -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; + -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; + border-top-left-radius: 1em /*{global-radii-buttons}*/; + -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; + border-bottom-left-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-all { + -moz-border-radius: 1em /*{global-radii-buttons}*/; + -webkit-border-radius: 1em /*{global-radii-buttons}*/; + border-radius: 1em /*{global-radii-buttons}*/; +} + +/* radius clip workaround for cleaning up corner trapping */ +.ui-corner-tl, +.ui-corner-tr, +.ui-corner-bl, +.ui-corner-br, +.ui-corner-top, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-left, +.ui-corner-all, +.ui-btn-corner-tl, +.ui-btn-corner-tr, +.ui-btn-corner-bl, +.ui-btn-corner-br, +.ui-btn-corner-top, +.ui-btn-corner-bottom, +.ui-btn-corner-right, +.ui-btn-corner-left, +.ui-btn-corner-all { + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} + +/* Overlay / modal +-----------------------------------------------------------------------------------------------------------*/ + +.ui-overlay { + background: #666; + opacity: .5; + filter: Alpha(Opacity=50); + position: absolute; + width: 100%; + height: 100%; +} +.ui-overlay-shadow { + -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6); + -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6); + box-shadow: 0px 0px 12px rgba(0,0,0,.6); +} +.ui-shadow { + -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; + -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; + box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; +} +.ui-bar-a .ui-shadow, +.ui-bar-b .ui-shadow , +.ui-bar-c .ui-shadow { + -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3); + -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3); + box-shadow: 0px 1px 0 rgba(255,255,255,.3); +} +.ui-shadow-inset { + -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); + -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); + box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); +} +.ui-icon-shadow { + -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/; + -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/; + box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/; +} + +/* Focus state - set here for specificity (note: these classes are added by JavaScript) +-----------------------------------------------------------------------------------------------------------*/ + +.ui-btn:focus, .ui-link-inherit:focus { + outline: 0; +} +.ui-btn.ui-focus { + z-index: 1; +} +.ui-focus, +.ui-btn:focus { + -moz-box-shadow: inset 0px 0px 3px #9b1f23 /*{global-active-background-color}*/, 0px 0px 9px #9b1f23 /*{global-active-background-color}*/; + -webkit-box-shadow: inset 0px 0px 3px #9b1f23 /*{global-active-background-color}*/, 0px 0px 9px #9b1f23 /*{global-active-background-color}*/; + box-shadow: inset 0px 0px 3px #9b1f23 /*{global-active-background-color}*/, 0px 0px 9px #9b1f23 /*{global-active-background-color}*/; +} +.ui-input-text.ui-focus, +.ui-input-search.ui-focus { + -moz-box-shadow: 0px 0px 12px #9b1f23 /*{global-active-background-color}*/; + -webkit-box-shadow: 0px 0px 12px #9b1f23 /*{global-active-background-color}*/; + box-shadow: 0px 0px 12px #9b1f23 /*{global-active-background-color}*/; +} + +/* unset box shadow in browsers that don't do it right +-----------------------------------------------------------------------------------------------------------*/ + +.ui-mobile-nosupport-boxshadow * { + -moz-box-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +/* ...and bring back focus */ +.ui-mobile-nosupport-boxshadow .ui-focus, +.ui-mobile-nosupport-boxshadow .ui-btn:focus, +.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus { + outline-width: 1px; + outline-style: auto; +} diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/sc-mobile.min.css b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/sc-mobile.min.css new file mode 100644 index 000000000000..f1941802a97a --- /dev/null +++ b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/lib/sc-mobile.min.css @@ -0,0 +1,14 @@ +/* + + Original file was created and downloaded from http://jquerymobile.com/themeroller/ + jQuery Mobile Framework 1.1.1 1981b3f5ec22675ae47df8f0bdf9622e7780e90e + + Copyright 2012 jQuery Foundation and other contributors + Dual licensed under the MIT or GPL Version 2 licenses. + http://jquery.org/license + + This compressed file is the one referenced in the theme.xsl file in the mobile theme folder + +*/ +* +*/.ui-bar-a{border:1px solid #424242 ;background:#9b1f23 ;color:#ffffff ;font-weight:bold;text-shadow:0 1px 1px #444444 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #9b1f23 ),to( #660000 )); background-image:-webkit-linear-gradient( #9b1f23,#660000 ); background-image: -moz-linear-gradient( #9b1f23,#660000 ); background-image: -ms-linear-gradient( #9b1f23,#660000 ); background-image: -o-linear-gradient( #9b1f23,#660000 ); background-image: linear-gradient( #9b1f23,#660000 );}.ui-bar-a .ui-link-inherit{color:#ffffff ;}.ui-bar-a a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-a a.ui-link:visited{ color:#2489CE ;}.ui-bar-a a.ui-link:hover{color:#2489CE ;}.ui-bar-a a.ui-link:active{color:#2489CE ;}.ui-bar-a,.ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{ font-family:Helvetica,Arial,sans-serif ;}.ui-body-a,.ui-overlay-a{border:1px solid #aaaaaa ;color:#333333 ;text-shadow:0 0px 0 #ffffff ;background:#ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #ffffff )); background-image:-webkit-linear-gradient( #ffffff,#ffffff ); background-image: -moz-linear-gradient( #ffffff,#ffffff ); background-image: -ms-linear-gradient( #ffffff,#ffffff ); background-image: -o-linear-gradient( #ffffff,#ffffff ); background-image: linear-gradient( #ffffff,#ffffff );}.ui-overlay-a{background-image:none;border-width:0;}.ui-body-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{ font-family:Helvetica,Arial,sans-serif ;}.ui-body-a .ui-link-inherit{color:#333333 ;}.ui-body-a .ui-link{color:#c1272d ;font-weight:bold;}.ui-body-a .ui-link:visited{ color:#c1272d ;}.ui-body-a .ui-link:hover{color:#dd2c33 ;}.ui-body-a .ui-link:active{color:#c1272d ;}.ui-btn-up-a{border:1px solid #cccccc ;background:#e6e6e6 ;font-weight:bold;color:#2F3E46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #e6e6e6 ),to( #e6e6e6 )); background-image:-webkit-linear-gradient( #e6e6e6,#e6e6e6 ); background-image: -moz-linear-gradient( #e6e6e6,#e6e6e6 ); background-image: -ms-linear-gradient( #e6e6e6,#e6e6e6 ); background-image: -o-linear-gradient( #e6e6e6,#e6e6e6 ); background-image: linear-gradient( #e6e6e6,#e6e6e6 );}.ui-btn-up-a:visited,.ui-btn-up-a a.ui-link-inherit{color:#2F3E46 ;}.ui-btn-hover-a{border:1px solid #bbbbbb ;background:#dfdfdf ;font-weight:bold;color:#2F3E46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f6f6f6 ),to( #e0e0e0 )); background-image:-webkit-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -moz-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -ms-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -o-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: linear-gradient( #f6f6f6,#e0e0e0 );}.ui-btn-hover-a:visited,.ui-btn-hover-a:hover,.ui-btn-hover-a a.ui-link-inherit{color:#2F3E46 ;}.ui-btn-down-a{border:1px solid #bbbbbb ;background:#d6d6d6 ;font-weight:bold;color:#2F3E46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #d0d0d0 ),to( #dfdfdf )); background-image:-webkit-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -moz-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -ms-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -o-linear-gradient( #d0d0d0,#dfdfdf ); background-image: linear-gradient( #d0d0d0,#dfdfdf );}.ui-btn-down-a:visited,.ui-btn-down-a:hover,.ui-btn-down-a a.ui-link-inherit{color:#2F3E46 ;}.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{ font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}.ui-bar-b{border:1px solid #424242 ;background:#9b1f23 ;color:#ffffff ;font-weight:bold;text-shadow:0 1px 1px #444444 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #9b1f23 ),to( #660000 )); background-image:-webkit-linear-gradient( #9b1f23,#660000 ); background-image: -moz-linear-gradient( #9b1f23,#660000 ); background-image: -ms-linear-gradient( #9b1f23,#660000 ); background-image: -o-linear-gradient( #9b1f23,#660000 ); background-image: linear-gradient( #9b1f23,#660000 );}.ui-bar-b .ui-link-inherit{color:#ffffff ;}.ui-bar-b a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-b a.ui-link:visited{ color:#2489CE ;}.ui-bar-b a.ui-link:hover{color:#2489CE ;}.ui-bar-b a.ui-link:active{color:#2489CE ;}.ui-bar-b,.ui-bar-b input,.ui-bar-b select,.ui-bar-b textarea,.ui-bar-b button{ font-family:Helvetica,Arial,sans-serif ;}.ui-body-b,.ui-overlay-b{border:1px solid #aaaaaa ;color:#333333 ;text-shadow:0 0px 0 #ffffff ;background:#ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #ffffff )); background-image:-webkit-linear-gradient( #ffffff,#ffffff ); background-image: -moz-linear-gradient( #ffffff,#ffffff ); background-image: -ms-linear-gradient( #ffffff,#ffffff ); background-image: -o-linear-gradient( #ffffff,#ffffff ); background-image: linear-gradient( #ffffff,#ffffff );}.ui-overlay-b{background-image:none;border-width:0;}.ui-body-b,.ui-body-b input,.ui-body-b select,.ui-body-b textarea,.ui-body-b button{ font-family:Helvetica,Arial,sans-serif ;}.ui-body-b .ui-link-inherit{color:#333333 ;}.ui-body-b .ui-link{color:#c1272d ;font-weight:bold;}.ui-body-b .ui-link:visited{ color:#c1272d ;}.ui-body-b .ui-link:hover{color:#dd2c33 ;}.ui-body-b .ui-link:active{color:#c1272d ;}.ui-btn-up-b{border:1px solid #cccccc ;background:#e6e6e6 ;font-weight:bold;color:#2F3E46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #e6e6e6 ),to( #e6e6e6 )); background-image:-webkit-linear-gradient( #e6e6e6,#e6e6e6 ); background-image: -moz-linear-gradient( #e6e6e6,#e6e6e6 ); background-image: -ms-linear-gradient( #e6e6e6,#e6e6e6 ); background-image: -o-linear-gradient( #e6e6e6,#e6e6e6 ); background-image: linear-gradient( #e6e6e6,#e6e6e6 );}.ui-btn-up-b:visited,.ui-btn-up-b a.ui-link-inherit{color:#2F3E46 ;}.ui-btn-hover-b{border:1px solid #bbbbbb ;background:#dfdfdf ;font-weight:bold;color:#2F3E46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f6f6f6 ),to( #e0e0e0 )); background-image:-webkit-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -moz-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -ms-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -o-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: linear-gradient( #f6f6f6,#e0e0e0 );}.ui-btn-hover-b:visited,.ui-btn-hover-b:hover,.ui-btn-hover-b a.ui-link-inherit{color:#2F3E46 ;}.ui-btn-down-b{border:1px solid #bbbbbb ;background:#d6d6d6 ;font-weight:bold;color:#2F3E46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #d0d0d0 ),to( #dfdfdf )); background-image:-webkit-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -moz-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -ms-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -o-linear-gradient( #d0d0d0,#dfdfdf ); background-image: linear-gradient( #d0d0d0,#dfdfdf );}.ui-btn-down-b:visited,.ui-btn-down-b:hover,.ui-btn-down-b a.ui-link-inherit{color:#2F3E46 ;}.ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b{ font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}.ui-bar-c{border:1px solid #424242 ;background:#9b1f23 ;color:#ffffff ;font-weight:bold;text-shadow:0 1px 1px #444444 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #9b1f23 ),to( #660000 )); background-image:-webkit-linear-gradient( #9b1f23,#660000 ); background-image: -moz-linear-gradient( #9b1f23,#660000 ); background-image: -ms-linear-gradient( #9b1f23,#660000 ); background-image: -o-linear-gradient( #9b1f23,#660000 ); background-image: linear-gradient( #9b1f23,#660000 );}.ui-bar-c .ui-link-inherit{color:#ffffff ;}.ui-bar-c a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-c a.ui-link:visited{ color:#2489CE ;}.ui-bar-c a.ui-link:hover{color:#2489CE ;}.ui-bar-c a.ui-link:active{color:#2489CE ;}.ui-bar-c,.ui-bar-c input,.ui-bar-c select,.ui-bar-c textarea,.ui-bar-c button{ font-family:Helvetica,Arial,sans-serif ;}.ui-body-c,.ui-overlay-c{border:1px solid #aaaaaa ;color:#333333 ;text-shadow:0 0px 0 #ffffff ;background:#ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #ffffff )); background-image:-webkit-linear-gradient( #ffffff,#ffffff ); background-image: -moz-linear-gradient( #ffffff,#ffffff ); background-image: -ms-linear-gradient( #ffffff,#ffffff ); background-image: -o-linear-gradient( #ffffff,#ffffff ); background-image: linear-gradient( #ffffff,#ffffff );}.ui-overlay-c{background-image:none;border-width:0;}.ui-body-c,.ui-body-c input,.ui-body-c select,.ui-body-c textarea,.ui-body-c button{ font-family:Helvetica,Arial,sans-serif ;}.ui-body-c .ui-link-inherit{color:#333333 ;}.ui-body-c .ui-link{color:#c1272d ;font-weight:bold;}.ui-body-c .ui-link:visited{ color:#c1272d ;}.ui-body-c .ui-link:hover{color:#dd2c33 ;}.ui-body-c .ui-link:active{color:#c1272d ;}.ui-btn-up-c{border:1px solid #cccccc ;background:#e6e6e6 ;font-weight:bold;color:#2F3E46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #e6e6e6 ),to( #e6e6e6 )); background-image:-webkit-linear-gradient( #e6e6e6,#e6e6e6 ); background-image: -moz-linear-gradient( #e6e6e6,#e6e6e6 ); background-image: -ms-linear-gradient( #e6e6e6,#e6e6e6 ); background-image: -o-linear-gradient( #e6e6e6,#e6e6e6 ); background-image: linear-gradient( #e6e6e6,#e6e6e6 );}.ui-btn-up-c:visited,.ui-btn-up-c a.ui-link-inherit{color:#2F3E46 ;}.ui-btn-hover-c{border:1px solid #bbbbbb ;background:#dfdfdf ;font-weight:bold;color:#2F3E46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f6f6f6 ),to( #e0e0e0 )); background-image:-webkit-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -moz-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -ms-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -o-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: linear-gradient( #f6f6f6,#e0e0e0 );}.ui-btn-hover-c:visited,.ui-btn-hover-c:hover,.ui-btn-hover-c a.ui-link-inherit{color:#2F3E46 ;}.ui-btn-down-c{border:1px solid #bbbbbb ;background:#d6d6d6 ;font-weight:bold;color:#2F3E46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #d0d0d0 ),to( #dfdfdf )); background-image:-webkit-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -moz-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -ms-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -o-linear-gradient( #d0d0d0,#dfdfdf ); background-image: linear-gradient( #d0d0d0,#dfdfdf );}.ui-btn-down-c:visited,.ui-btn-down-c:hover,.ui-btn-down-c a.ui-link-inherit{color:#2F3E46 ;}.ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c{ font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}a.ui-link-inherit{text-decoration:none !important;}.ui-btn-active{border:1px solid #9b1f23 ;background:#9b1f23 ;font-weight:bold;color:#ffffff ;cursor:pointer;text-shadow:0 1px 1px #444444 ;text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,from( #aa2226 ),to( #8b1b1f )); background-image:-webkit-linear-gradient( #aa2226,#8b1b1f ); background-image: -moz-linear-gradient( #aa2226,#8b1b1f ); background-image: -ms-linear-gradient( #aa2226,#8b1b1f ); background-image: -o-linear-gradient( #aa2226,#8b1b1f ); background-image: linear-gradient( #aa2226,#8b1b1f ); font-family:Helvetica,Arial,sans-serif ;}.ui-btn-active:visited,.ui-btn-active:hover,.ui-btn-active a.ui-link-inherit{color:#ffffff ;}.ui-btn-inner{border-top:1px solid #fff;border-color:rgba(255,255,255,.3);}.ui-corner-tl{-moz-border-radius-topleft:.6em ;-webkit-border-top-left-radius:.6em ;border-top-left-radius:.6em ;}.ui-corner-tr{-moz-border-radius-topright:.6em ;-webkit-border-top-right-radius:.6em ;border-top-right-radius:.6em ;}.ui-corner-bl{-moz-border-radius-bottomleft:.6em ;-webkit-border-bottom-left-radius:.6em ;border-bottom-left-radius:.6em ;}.ui-corner-br{-moz-border-radius-bottomright:.6em ;-webkit-border-bottom-right-radius:.6em ;border-bottom-right-radius:.6em ;}.ui-corner-top{-moz-border-radius-topleft:.6em ;-webkit-border-top-left-radius:.6em ;border-top-left-radius:.6em ;-moz-border-radius-topright:.6em ;-webkit-border-top-right-radius:.6em ;border-top-right-radius:.6em ;}.ui-corner-bottom{-moz-border-radius-bottomleft:.6em ;-webkit-border-bottom-left-radius:.6em ;border-bottom-left-radius:.6em ;-moz-border-radius-bottomright:.6em ;-webkit-border-bottom-right-radius:.6em ;border-bottom-right-radius:.6em ;}.ui-corner-right{-moz-border-radius-topright:.6em ;-webkit-border-top-right-radius:.6em ;border-top-right-radius:.6em ;-moz-border-radius-bottomright:.6em ;-webkit-border-bottom-right-radius:.6em ;border-bottom-right-radius:.6em ;}.ui-corner-left{-moz-border-radius-topleft:.6em ;-webkit-border-top-left-radius:.6em ;border-top-left-radius:.6em ;-moz-border-radius-bottomleft:.6em ;-webkit-border-bottom-left-radius:.6em ;border-bottom-left-radius:.6em ;}.ui-corner-all{-moz-border-radius:.6em ;-webkit-border-radius:.6em ;border-radius:.6em ;}.ui-corner-none{-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}.ui-br{border-bottom:rgb(130,130,130);border-bottom:rgba(130,130,130,.3);border-bottom-width:1px;border-bottom-style:solid;}.ui-disabled{opacity:.3;}.ui-disabled,.ui-disabled a{cursor:default !important;pointer-events:none;}.ui-disabled .ui-btn-text{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";filter:alpha(opacity=30);zoom:1;}.ui-icon,.ui-icon-searchfield:after{background:#FFFFFF ;background:rgba(153,0,0,1) ;background-image:url(images/icons-18-white.png) ;background-repeat:no-repeat;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;}.ui-icon-alt{background:#fff;background:rgba(255,255,255,.3);background-image:url(images/icons-18-black.png);background-repeat:no-repeat;}@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-resolution:240dpi){.ui-icon-plus,.ui-icon-minus,.ui-icon-delete,.ui-icon-arrow-r,.ui-icon-arrow-l,.ui-icon-arrow-u,.ui-icon-arrow-d,.ui-icon-check,.ui-icon-gear,.ui-icon-refresh,.ui-icon-forward,.ui-icon-back,.ui-icon-grid,.ui-icon-star,.ui-icon-alert,.ui-icon-info,.ui-icon-home,.ui-icon-search,.ui-icon-searchfield:after,.ui-icon-checkbox-off,.ui-icon-checkbox-on,.ui-icon-radio-off,.ui-icon-radio-on{background-image:url(images/icons-36-white.png);-moz-background-size:776px 18px;-o-background-size:776px 18px;-webkit-background-size:776px 18px;background-size:776px 18px;}.ui-icon-alt{background-image:url(images/icons-36-black.png);}}.ui-icon-plus{background-position:-0 50%;}.ui-icon-minus{background-position:-36px 50%;}.ui-icon-delete{background-position:-72px 50%;}.ui-icon-arrow-r{background-position:-108px 50%;}.ui-icon-arrow-l{background-position:-144px 50%;}.ui-icon-arrow-u{background-position:-180px 50%;}.ui-icon-arrow-d{background-position:-216px 50%;}.ui-icon-check{background-position:-252px 50%;}.ui-icon-gear{background-position:-288px 50%;}.ui-icon-refresh{background-position:-324px 50%;}.ui-icon-forward{background-position:-360px 50%;}.ui-icon-back{background-position:-396px 50%;}.ui-icon-grid{background-position:-432px 50%;}.ui-icon-star{background-position:-468px 50%;}.ui-icon-alert{background-position:-504px 50%;}.ui-icon-info{background-position:-540px 50%;}.ui-icon-home{background-position:-576px 50%;}.ui-icon-search,.ui-icon-searchfield:after{background-position:-612px 50%;}.ui-icon-checkbox-off{background-position:-684px 50%;}.ui-icon-checkbox-on{background-position:-648px 50%;}.ui-icon-radio-off{background-position:-756px 50%;}.ui-icon-radio-on{background-position:-720px 50%;}.ui-checkbox .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.ui-icon-checkbox-off,.ui-icon-radio-off{background-color:transparent;}.ui-checkbox-on .ui-icon,.ui-radio-on .ui-icon{background-color:#9b1f23 ; }.ui-icon-loading{background:url(images/ajax-loader.gif);background-size:46px 46px;}a.ui-link-inherit{text-decoration:none !important;}.ui-btn-active{border:1px solid #9b1f23 ;background:#9b1f23 ;font-weight:bold;color:#ffffff ;cursor:pointer;text-shadow:0 1px 1px #444444 ;text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,from( #aa2226 ),to( #8b1b1f )); background-image:-webkit-linear-gradient( #aa2226,#8b1b1f ); background-image: -moz-linear-gradient( #aa2226,#8b1b1f ); background-image: -ms-linear-gradient( #aa2226,#8b1b1f ); background-image: -o-linear-gradient( #aa2226,#8b1b1f ); background-image: linear-gradient( #aa2226,#8b1b1f ); font-family:Helvetica,Arial,sans-serif ;}.ui-btn-active:visited,.ui-btn-active:hover,.ui-btn-active a.ui-link-inherit{color:#ffffff ;}.ui-btn-inner{border-top:1px solid #fff;border-color:rgba(255,255,255,.3);}.ui-corner-tl{-moz-border-radius-topleft:.6em ;-webkit-border-top-left-radius:.6em ;border-top-left-radius:.6em ;}.ui-corner-tr{-moz-border-radius-topright:.6em ;-webkit-border-top-right-radius:.6em ;border-top-right-radius:.6em ;}.ui-corner-bl{-moz-border-radius-bottomleft:.6em ;-webkit-border-bottom-left-radius:.6em ;border-bottom-left-radius:.6em ;}.ui-corner-br{-moz-border-radius-bottomright:.6em ;-webkit-border-bottom-right-radius:.6em ;border-bottom-right-radius:.6em ;}.ui-corner-top{-moz-border-radius-topleft:.6em ;-webkit-border-top-left-radius:.6em ;border-top-left-radius:.6em ;-moz-border-radius-topright:.6em ;-webkit-border-top-right-radius:.6em ;border-top-right-radius:.6em ;}.ui-corner-bottom{-moz-border-radius-bottomleft:.6em ;-webkit-border-bottom-left-radius:.6em ;border-bottom-left-radius:.6em ;-moz-border-radius-bottomright:.6em ;-webkit-border-bottom-right-radius:.6em ;border-bottom-right-radius:.6em ;}.ui-corner-right{-moz-border-radius-topright:.6em ;-webkit-border-top-right-radius:.6em ;border-top-right-radius:.6em ;-moz-border-radius-bottomright:.6em ;-webkit-border-bottom-right-radius:.6em ;border-bottom-right-radius:.6em ;}.ui-corner-left{-moz-border-radius-topleft:.6em ;-webkit-border-top-left-radius:.6em ;border-top-left-radius:.6em ;-moz-border-radius-bottomleft:.6em ;-webkit-border-bottom-left-radius:.6em ;border-bottom-left-radius:.6em ;}.ui-corner-all{-moz-border-radius:.6em ;-webkit-border-radius:.6em ;border-radius:.6em ;}.ui-corner-none{-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}.ui-br{border-bottom:rgb(130,130,130);border-bottom:rgba(130,130,130,.3);border-bottom-width:1px;border-bottom-style:solid;}.ui-disabled{opacity:.3;}.ui-disabled,.ui-disabled a{cursor:default !important;pointer-events:none;}.ui-disabled .ui-btn-text{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";filter:alpha(opacity=30);zoom:1;}.ui-icon,.ui-icon-searchfield:after{background:#FFFFFF ;background:rgba(153,0,0,1) ;background-image:url(images/icons-18-white.png) ;background-repeat:no-repeat;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;}.ui-icon-alt{background:#fff;background:rgba(255,255,255,.3);background-image:url(images/icons-18-black.png);background-repeat:no-repeat;}@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-resolution:240dpi){.ui-icon-plus,.ui-icon-minus,.ui-icon-delete,.ui-icon-arrow-r,.ui-icon-arrow-l,.ui-icon-arrow-u,.ui-icon-arrow-d,.ui-icon-check,.ui-icon-gear,.ui-icon-refresh,.ui-icon-forward,.ui-icon-back,.ui-icon-grid,.ui-icon-star,.ui-icon-alert,.ui-icon-info,.ui-icon-home,.ui-icon-search,.ui-icon-searchfield:after,.ui-icon-checkbox-off,.ui-icon-checkbox-on,.ui-icon-radio-off,.ui-icon-radio-on{background-image:url(images/icons-36-white.png);-moz-background-size:776px 18px;-o-background-size:776px 18px;-webkit-background-size:776px 18px;background-size:776px 18px;}.ui-icon-alt{background-image:url(images/icons-36-black.png);}}.ui-icon-plus{background-position:-0 50%;}.ui-icon-minus{background-position:-36px 50%;}.ui-icon-delete{background-position:-72px 50%;}.ui-icon-arrow-r{background-position:-108px 50%;}.ui-icon-arrow-l{background-position:-144px 50%;}.ui-icon-arrow-u{background-position:-180px 50%;}.ui-icon-arrow-d{background-position:-216px 50%;}.ui-icon-check{background-position:-252px 50%;}.ui-icon-gear{background-position:-288px 50%;}.ui-icon-refresh{background-position:-324px 50%;}.ui-icon-forward{background-position:-360px 50%;}.ui-icon-back{background-position:-396px 50%;}.ui-icon-grid{background-position:-432px 50%;}.ui-icon-star{background-position:-468px 50%;}.ui-icon-alert{background-position:-504px 50%;}.ui-icon-info{background-position:-540px 50%;}.ui-icon-home{background-position:-576px 50%;}.ui-icon-search,.ui-icon-searchfield:after{background-position:-612px 50%;}.ui-icon-checkbox-off{background-position:-684px 50%;}.ui-icon-checkbox-on{background-position:-648px 50%;}.ui-icon-radio-off{background-position:-756px 50%;}.ui-icon-radio-on{background-position:-720px 50%;}.ui-checkbox .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.ui-icon-checkbox-off,.ui-icon-radio-off{background-color:transparent;}.ui-checkbox-on .ui-icon,.ui-radio-on .ui-icon{background-color:#9b1f23 ; }.ui-icon-loading{background:url(images/ajax-loader.gif);background-size:46px 46px;}.ui-btn-corner-tl{-moz-border-radius-topleft:1em ;-webkit-border-top-left-radius:1em ;border-top-left-radius:1em ;}.ui-btn-corner-tr{-moz-border-radius-topright:1em ;-webkit-border-top-right-radius:1em ;border-top-right-radius:1em ;}.ui-btn-corner-bl{-moz-border-radius-bottomleft:1em ;-webkit-border-bottom-left-radius:1em ;border-bottom-left-radius:1em ;}.ui-btn-corner-br{-moz-border-radius-bottomright:1em ;-webkit-border-bottom-right-radius:1em ;border-bottom-right-radius:1em ;}.ui-btn-corner-top{-moz-border-radius-topleft:1em ;-webkit-border-top-left-radius:1em ;border-top-left-radius:1em ;-moz-border-radius-topright:1em ;-webkit-border-top-right-radius:1em ;border-top-right-radius:1em ;}.ui-btn-corner-bottom{-moz-border-radius-bottomleft:1em ;-webkit-border-bottom-left-radius:1em ;border-bottom-left-radius:1em ;-moz-border-radius-bottomright:1em ;-webkit-border-bottom-right-radius:1em ;border-bottom-right-radius:1em ;}.ui-btn-corner-right{-moz-border-radius-topright:1em ;-webkit-border-top-right-radius:1em ;border-top-right-radius:1em ;-moz-border-radius-bottomright:1em ;-webkit-border-bottom-right-radius:1em ;border-bottom-right-radius:1em ;}.ui-btn-corner-left{-moz-border-radius-topleft:1em ;-webkit-border-top-left-radius:1em ;border-top-left-radius:1em ;-moz-border-radius-bottomleft:1em ;-webkit-border-bottom-left-radius:1em ;border-bottom-left-radius:1em ;}.ui-btn-corner-all{-moz-border-radius:1em ;-webkit-border-radius:1em ;border-radius:1em ;}.ui-corner-tl,.ui-corner-tr,.ui-corner-bl,.ui-corner-br,.ui-corner-top,.ui-corner-bottom,.ui-corner-right,.ui-corner-left,.ui-corner-all,.ui-btn-corner-tl,.ui-btn-corner-tr,.ui-btn-corner-bl,.ui-btn-corner-br,.ui-btn-corner-top,.ui-btn-corner-bottom,.ui-btn-corner-right,.ui-btn-corner-left,.ui-btn-corner-all{ -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box;}.ui-overlay{background:#666;opacity:.5;filter:Alpha(Opacity=50);position:absolute;width:100%;height:100%;}.ui-overlay-shadow{-moz-box-shadow:0px 0px 12px rgba(0,0,0,.6);-webkit-box-shadow:0px 0px 12px rgba(0,0,0,.6);box-shadow:0px 0px 12px rgba(0,0,0,.6);}.ui-shadow{-moz-box-shadow:0px 1px 4px rgba(0,0,0,.3) ;-webkit-box-shadow:0px 1px 4px rgba(0,0,0,.3) ;box-shadow:0px 1px 4px rgba(0,0,0,.3) ;}.ui-bar-a .ui-shadow,.ui-bar-b .ui-shadow,.ui-bar-c .ui-shadow {-moz-box-shadow:0px 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0px 1px 0 rgba(255,255,255,.3);box-shadow:0px 1px 0 rgba(255,255,255,.3);}.ui-shadow-inset{-moz-box-shadow:inset 0px 1px 4px rgba(0,0,0,.2);-webkit-box-shadow:inset 0px 1px 4px rgba(0,0,0,.2);box-shadow:inset 0px 1px 4px rgba(0,0,0,.2);}.ui-icon-shadow{-moz-box-shadow:0px 1px 0 rgba(255,255,255,.4) ;-webkit-box-shadow:0px 1px 0 rgba(255,255,255,.4) ;box-shadow:0px 1px 0 rgba(255,255,255,.4) ;}.ui-btn:focus,.ui-link-inherit:focus{outline:0;}.ui-btn.ui-focus{z-index:1;}.ui-focus,.ui-btn:focus{-moz-box-shadow:inset 0px 0px 3px #9b1f23,0px 0px 9px #9b1f23 ;-webkit-box-shadow:inset 0px 0px 3px #9b1f23,0px 0px 9px #9b1f23 ;box-shadow:inset 0px 0px 3px #9b1f23,0px 0px 9px #9b1f23 ;}.ui-input-text.ui-focus,.ui-input-search.ui-focus{-moz-box-shadow:0px 0px 12px #9b1f23 ;-webkit-box-shadow:0px 0px 12px #9b1f23 ;box-shadow:0px 0px 12px #9b1f23 ;}.ui-mobile-nosupport-boxshadow *{-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;}.ui-mobile-nosupport-boxshadow .ui-focus,.ui-mobile-nosupport-boxshadow .ui-btn:focus,.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus{outline-width:1px;outline-style:auto;} \ No newline at end of file diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/mobile.xsl b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/mobile.xsl new file mode 100644 index 000000000000..de1d45cf2f6d --- /dev/null +++ b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/mobile.xsl @@ -0,0 +1,768 @@ + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + + + + ./themes/mobile/lib/sc-mobile.min.css + + + + + + http://code.jquery.com/mobile/1.1.1/jquery.mobile.structure-1.1.1.min.css + + + + + + + + ./themes/mobile/lib/m-tweaks.css + + + + + + + + + + + + + <xsl:choose> + <xsl:when test="not($page_title)"> + <xsl:text> </xsl:text> + </xsl:when> + <xsl:otherwise> + <xsl:copy-of select="$page_title/node()" /> + </xsl:otherwise> + </xsl:choose> + + + + + + + + + + + + + + + + + + + + + + +
+

Mobile theme for DSpace

+
+ + + + + + + + + + + + + + + + + + + + + +
    + +
+ + +
    + +
+ + + + + + + +
    + +
+ + + + + + cocoon:/ + + + ?sections=dmdSec,fileSec&fileGrpTypes=THUMBNAIL + + +
  • + + + +
    • +     + + + + + + + + + + + xmlui.dri2xhtml.METS-1.0.no-title + + + + + + + + + + + + + + + + + + +
    + + + http://www.addthis.com/bookmark.php?v=250&username=xa-4d35e7801c9278b4 + + + addthis_button + + + + http://s7.addthis.com/static/btn/lg-share-en.gif + + + 125 + + + 16 + + + border:0 + + + + +
    + + +
    +
    + xmlui.dri2xhtml.METS-1.0.item-title: + + + + + + ;
    +     +     +     + + + + + xmlui.dri2xhtml.METS-1.0.no-title + +     +
    + + +
    + xmlui.dri2xhtml.METS-1.0.item-author: + + + + + + ; + + + + + + + + ; + + + + + + + + ; + + + + + xmlui.dri2xhtml.METS-1.0.no-author + + +
    +     + +
    + xmlui.dri2xhtml.METS-1.0.item-abstract: + +
    +     + + + +
    +     +     + +
    +     +
    +     + + +
    + xmlui.dri2xhtml.METS-1.0.item-description: + +
    +     + + + +
    +     +     + +
    +     +
    +     + + +
    + xmlui.dri2xhtml.METS-1.0.item-uri: + + + + + + + + +
    +     +     +
    +     + +
    + xmlui.dri2xhtml.METS-1.0.item-date: + + + + + +
    +     +     +     + + + + +
    +     +     +     +     +
    +     + + +
    + xmlui.mobile.related_google_scholar + + + + + + + + http://scholar.google.com/scholar?q= + + + + _blank + + xmlui.mobile.items_in_google_scholar + + +
    +     + +
    + +     + + + + + + + + + + + + + + +
      + + ds-simple-list + + +
    +     + + +
      + + ds-simple-list + + +
    +     + + + + + + +

    xmlui.dri2xhtml.METS-1.0.item-files-head

    + + + + + + + + + + + + + + + + + +     + + + + + +
    +
    + + + + + + + + + + + _blank + + Thumbnail + + + + + + + + + + + + + + + + _blank + + Thumbnail + + themes/mobile/lib/images/mobile-default-thumbnail.png + + + + + +
    + + +
    + + +
    + + + + + ... + + + + + + + +
    + + +
    + + + + / + + + +
    + +
    + + +
    +     + + + +  + + + +  + + + + +  + + +     diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/readme.txt b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/readme.txt new file mode 100644 index 000000000000..925a8601d33c --- /dev/null +++ b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/readme.txt @@ -0,0 +1,83 @@ + 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/ + +Mobile theme for DSpace 1.6 +Created by Elias Tzoc and + James Russell + September 14, 2012 + +=================================================================================== +The mobile theme file structure + ++-- mobile +| +-- lib +| | +-- cookies.js +| | +-- detectmobile.js +| | +-- images +| | | +-- ajax-loader.gif +| | | +-- default-thumbnail.png +| | | +-- icons-18-black.png +| | | +-- icons-18-white.png +| | | +-- icons-36-black.png +| | | +-- icons-36-white.png +| | +-- m-tweaks.css +| | +-- sc-mobile.css +| | +-- sc-mobile.min.css +| | +-- mobile.xsl +| | +-- sitemap.xmap +| | +-- themes.xmap +| +-- readme.txt + + +Installation: + +0. Get a new domain name that is an alias of the existing domain name + for your DSpace installation. + e.g. if your current domain is yoursite.edu your new domain name + might be mobile.yoursite.edu + These instructions assume that the new domain name starts with 'mobile.' + If it is something else, you will need to make a change in Step 5. + +1. Copy the mobile theme folder into your XMLUI theme folder + e.g. ../dspace/webapps/xmlui/themes/ + +2. Add a call for the detectmobile.js and cookies.js file in the header + of your current main theme.xsl file. + It should look like: + + + * In this file, we also add a "View mobile site" link in the footer + section, which allows users to view the full site on their + mobile devices. The cookies.js file saves this preference + but it's erased when the session is closed. + If you want such a link, the code for this should look like the following + (with the appropriate URL for your mobile site): + + View mobile site + +3. Open the detectmobile.js file and enter your new mobile domain + at the end of the function call e.g. mobile.yoursite.edu + * if you choose a different domain name or theme name other than + "mobile" make sure to update the settings in the sitemap.xmap + +4. In mobile.xsl, find the link "View full website" and replace the + references to yoursite.edu with the domain name for your main site. + * lines 255-257 + +5. Replace or edit the themes.xmap file located in your default theme + folder e.g. ../dspace/webapps/xmlui/themes/ + * The code for setting up the properties for the domain is in + lines 32-37. This will need to be changed if the domain name + for your mobile site starts with something other than 'mobile.' + +6. Restart tomcat and now you should be able to see the mobile theme + in action; to change the look-and-feel, you can go to + http://jquerymobile.com/themeroller/ and either create your own + files or import/upgrade the uncompressed sc-mobile.css file. + +NOTE: Pages with more complex structure such as "Advanced Search" were + excluded in this first mobile theme. + diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/sitemap.xmap b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/sitemap.xmap new file mode 100644 index 000000000000..4bf7d03d07e9 --- /dev/null +++ b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/sitemap.xmap @@ -0,0 +1,96 @@ + + + + + + + + + + mobile + Mobile theme for DSpace from Miami University + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/themes.xmap b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/themes.xmap new file mode 100644 index 000000000000..34aafba5b2f5 --- /dev/null +++ b/dspace-xmlui/dspace-xmlui-webapp/src/main/webapp/themes/mobile/themes.xmap @@ -0,0 +1,61 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dspace/config/dspace.cfg b/dspace/config/dspace.cfg index c931bcfc5464..3ef7fae54468 100644 --- a/dspace/config/dspace.cfg +++ b/dspace/config/dspace.cfg @@ -38,6 +38,10 @@ dspace.baseUrl = ${dspace.baseUrl} # the servlet engine. dspace.url = ${dspace.baseUrl}/xmlui +# Optional: DSpace URL for mobile access +# This +#dspace.mobileUrl = http://mobile.example.com + # Name of the site dspace.name = ${dspace.name}