/**************************************** * Project Euclid * Cornell University Library * Ithaca, NY 14853 ****************************************/ /* Title: Main screen styles Author: mhk33@cornell.edu Updated: November 21, 2012 */ /*! * Font Awesome 3.0.2 * the iconic font designed for use with Twitter Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons, examples, and documentation * can be found at: http://fortawesome.github.com/Font-Awesome/ * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" * Contact * ------------------------------------------------------- * Email: dave@davegandy.com * Twitter: http://twitter.com/fortaweso_me * Work: Lead Product Designer @ http://kyruus.com */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=3.0.1"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=3.0.1") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=3.0.1") format("truetype"); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } /* more sprites.less reset */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } /* makes sure icons active on rollover in links */ a [class^="icon-"], a [class*=" icon-"] { display: inline-block; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } .btn [class^="icon-"], .nav [class^="icon-"], .btn [class*=" icon-"], .nav [class*=" icon-"] { display: inline; /* keeps button heights with and without icons the same */ } .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"] { /* keeps button heights with and without icons the same */ } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } li [class^="icon-"], .nav li [class^="icon-"], li [class*=" icon-"], .nav li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li [class^="icon-"].icon-large, .nav li [class^="icon-"].icon-large, li [class*=" icon-"].icon-large, .nav li [class*=" icon-"].icon-large { /* increased font size for icon-large */ width: 1.5625em; } ul.icons { list-style-type: none; text-indent: -0.75em; } ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] { width: .75em; } .icon-muted { color: #eeeeee; } .icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @-moz-document url-prefix() { .icon-spin { height: .9em; } .btn .icon-spin { height: auto; } .icon-spin.icon-large { height: 1.25em; } .btn .icon-spin.icon-large { height: .75em; } } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-repeat:before { content: "\f01e"; } /* \f020 doesn't work in Safari. all shifted one down */ .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up:before { content: "\f087"; } .icon-thumbs-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope-alt:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } /*! * Font Awesome 3.0.2 * the iconic font designed for use with Twitter Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons, examples, and documentation * can be found at: http://fortawesome.github.com/Font-Awesome/ * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" * Contact * ------------------------------------------------------- * Email: dave@davegandy.com * Twitter: http://twitter.com/fortaweso_me * Work: Lead Product Designer @ http://kyruus.com */ .icon-large { font-size: 1.3333333333333333em; margin-top: -4px; padding-top: 3px; margin-bottom: -4px; padding-bottom: 3px; vertical-align: middle; } .nav [class^="icon-"], .nav [class*=" icon-"] { vertical-align: inherit; margin-top: -4px; padding-top: 3px; margin-bottom: -4px; padding-bottom: 3px; } .nav [class^="icon-"].icon-large, .nav [class*=" icon-"].icon-large { vertical-align: -25%; } .nav-pills [class^="icon-"].icon-large, .nav-tabs [class^="icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large { line-height: .75em; margin-top: -7px; padding-top: 5px; margin-bottom: -5px; padding-bottom: 4px; } .btn [class^="icon-"].pull-left, .btn [class*=" icon-"].pull-left, .btn [class^="icon-"].pull-right, .btn [class*=" icon-"].pull-right { vertical-align: inherit; } .btn [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large { margin-top: -0.5em; } a [class^="icon-"], a [class*=" icon-"] { cursor: pointer; } ul.icons { text-indent: -1.5em; margin-left: 3em; } .icon-glass { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-music { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-search { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-envelope { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-heart { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-star { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-star-empty { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-user { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-film { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-th-large { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-th { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-th-list { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-ok { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-remove { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-zoom-in { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-zoom-out { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-off { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-signal { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-cog { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-trash { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-home { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-file { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-time { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-road { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-download-alt { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-download { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-upload { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-inbox { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-play-circle { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-repeat { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-refresh { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-list-alt { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-lock { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-flag { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-headphones { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-volume-off { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-volume-down { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-volume-up { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-qrcode { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-barcode { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-tag { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-tags { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-book { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-bookmark { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-print { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-camera { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-font { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-bold { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-italic { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-text-height { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-text-width { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-align-left { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-align-center { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-align-right { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-align-justify { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-list { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-indent-left { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-indent-right { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-facetime-video { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-picture { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-pencil { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-map-marker { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-adjust { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-tint { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-edit { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-share { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-check { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-move { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-step-backward { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-fast-backward { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-backward { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-play { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-pause { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-stop { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-forward { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-fast-forward { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-step-forward { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-eject { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-chevron-left { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-chevron-right { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-plus-sign { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-minus-sign { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-remove-sign { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-ok-sign { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-question-sign { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-info-sign { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-screenshot { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-remove-circle { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-ok-circle { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-ban-circle { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-arrow-left { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-arrow-right { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-arrow-up { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-arrow-down { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-share-alt { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-resize-full { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-resize-small { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-plus { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-minus { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-asterisk { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-exclamation-sign { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-gift { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-leaf { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-fire { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-eye-open { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-eye-close { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-warning-sign { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-plane { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-calendar { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-random { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-comment { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-magnet { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-chevron-up { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-chevron-down { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-retweet { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-shopping-cart { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-folder-close { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-folder-open { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-resize-vertical { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-resize-horizontal { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-bar-chart { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-twitter-sign { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-facebook-sign { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-camera-retro { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-key { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-cogs { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-comments { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-thumbs-up { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-thumbs-down { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-star-half { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-heart-empty { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-signout { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-linkedin-sign { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-pushpin { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-external-link { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-signin { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-trophy { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-github-sign { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-upload-alt { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-lemon { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-phone { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-check-empty { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-bookmark-empty { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-phone-sign { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-twitter { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-facebook { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-github { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-unlock { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-credit-card { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-rss { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-hdd { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-bullhorn { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-bell { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-certificate { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-hand-right { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-hand-left { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-hand-up { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-hand-down { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-circle-arrow-left { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-circle-arrow-right { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-circle-arrow-up { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-circle-arrow-down { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-globe { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-wrench { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-tasks { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-filter { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-briefcase { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-fullscreen { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-group { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-link { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-cloud { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-beaker { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-cut { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-copy { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-paper-clip { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-save { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-sign-blank { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-reorder { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-list-ul { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-list-ol { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-strikethrough { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-underline { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-table { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-magic { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-truck { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-pinterest { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-pinterest-sign { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-google-plus-sign { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-google-plus { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-money { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-caret-down { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-caret-up { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-caret-left { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-caret-right { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-columns { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-sort { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-sort-down { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-sort-up { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-envelope-alt { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-linkedin { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-undo { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-legal { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-dashboard { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-comment-alt { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-comments-alt { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-bolt { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-sitemap { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-umbrella { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-paste { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-lightbulb { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-exchange { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-cloud-download { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-cloud-upload { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-user-md { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-stethoscope { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-suitcase { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-bell-alt { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-coffee { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-food { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-file-alt { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-building { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-hospital { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-ambulance { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-medkit { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-fighter-jet { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-beer { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-h-sign { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-plus-sign-alt { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-double-angle-left { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-double-angle-right { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-double-angle-up { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-double-angle-down { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-angle-left { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-angle-right { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-angle-up { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-angle-down { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-desktop { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-laptop { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-tablet { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-mobile-phone { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-circle-blank { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-quote-left { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-quote-right { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-spinner { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-circle { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-reply { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-github-alt { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-folder-close-alt { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .icon-folder-open-alt { *zoom: expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } body { font-size: 100%; background: #e1e1e1; border-top: 5px solid #005aa2; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #222222; } a:link, a:visited { color: #005aa2; text-decoration: none; } a:hover, a:active { text-decoration: underline; } .main-content { background: #eaeaea; } .main-content .container { background: white; } .gutter { padding: 30px 20px; } .gutter-nested { padding: 0 20px 30px 20px; margin-bottom: 30px; } .gutter-nested-plus { padding: 0 20px 30px 20px; } .publication .main-content .thirteen.columns { margin: 0; width: 780px; } .publication .main-content .three.columns { margin: 0; width: 180px; } .publication .sidebar .gutter { padding: 0; } .rss .gutter { padding: 30px 20px 0 20px; } .about .four.columns, .admin .four.columns { margin-left: 0; } .about .four.columns .gutter, .admin .four.columns .gutter { padding: 30px 20px 30px 0; } .min-height-550 { min-height: 550px; } .min-height-1200 { min-height: 1200px; } form { margin: 0 0 30px; } form.box-form { background: #f1f1f1; padding: 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } input, textarea { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } input:focus, textarea:focus { border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); outline: 0; outline: thin dotted \9; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { idth: 270px; } .input-xxlarge { width: 530px; } input, textarea, select { display: inline-block; width: 210px; padding: 4px; line-height: 18px; color: #555555; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input[type="image"], input[type="checkbox"], input[type="radio"] { width: auto; height: auto; padding: 0; line-height: normal; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0 \9; } label { font-size: 0.875em; line-height: 1.5em; } label.small { font-size: 0.75em; } label.block { display: block; margin-bottom: 0.5em; } fieldset { margin: 0 0 1.5em; } select { font-size: 0.875em; } .form-group { margin: 0 0 10px; clear: both; } form.standard { margin-bottom: 20px; } form.standard fieldset { margin-bottom: 20px; } form.standard input[type="text"], form.standard input[type="password"], form.standard input[type="email"], form.standard textarea, form.standard select { border: 1px solid #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 0.875em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; width: 250px; max-width: 100%; display: block; margin-bottom: 20px; background: white; } form.standard input[type="checkbox"] { display: inline; } form.standard td input[type="text"], form.standard td input[type="password"], form.standard td input[type="email"], form.standard td textarea, form.standard td select { margin-bottom: 0; } form.standard input[type="text"]:focus, form.standard input[type="password"]:focus, form.standard input[type="email"]:focus, form.standard textarea:focus { border: 1px solid #aaa; color: #444444; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } form.standard select { padding: 0; width: 220px; } form.standard textarea { min-height: 60px; } form.standard label, form.standard legend { display: block; font-weight: bold; font-size: 0.875em; } form.standard label.hidden { display: none; } form.standard label span, form.standard legend span { font-weight: normal; font-size: 0.875em; color: #444444; } form.standard label ul { font-weight: normal; margin: 5px 0 5px 15px; color: #666; } img { max-width: 100%; } img.border { border: 1px solid #e1e1e1; } img.prime-logo { padding: 5px; margin-top: 5px; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } img.image-right, .image-right { float: right; margin: 0 0 20px 20px; } img.image-left, .image-left { float: left; margin: 0 20px 20px 0; } img.image-center, .image-center { text-align: center; margin: 0 0 20px 0; } img.image-center-border, .image-center-border { text-align: center; margin: 0 0 20px 0; border: 1px solid #e1e1e1; } img.image-left-border, .image-left-border { float: left; margin: 0 20px 20px 0; border: 1px solid #e1e1e1; } img.image-right-border, .image-right-border { float: right; margin: 0 0 20px 20px; border: 1px solid #e1e1e1; } img.cover { width: 50px; padding: 5px; background: #efefef; border: 1px solid #e1e1e1; } a i, a:hover i { text-decoration: none; } .logo-margin { margin-right: 10px; } .main-content p { font-size: 0.875em; margin: 0 0 1em 0; line-height: 1.5em; } .main-content ul { list-style-type: disc; margin: 0 0 1em 0; } .main-content li { font-size: 0.875em; margin-left: 30px; line-height: 1.5em; padding-bottom: 0.25em; } .main-content ol { list-style-type: decimal; margin: 0 0 1em 0; } .main-content dt, .main-content dd, .main-content td { font-size: 0.875em; line-height: 1.5em; } .main-content h2 { margin: 0 0 1em; font-size: 1.5em; line-height: 1.25em; font-weight: bold; } .main-content h2 .no-margin { margin: 0; } .main-content h3 { margin: 0 0 .5em 0; font-size: 1.375em; line-height: 1.25em; font-weight: normal; } .main-content h3.top-margin { margin-top: 1.5em; } .main-content h4 { margin: 1em 0; font-size: 1.2em; line-height: 1.25em; font-weight: normal; } .main-content h5 { margin: 0 0 1em 0; font-weight: bold; } .main-content blockquote { margin: 30px; padding: 0 20px; border-left: 3px solid #f5f3c7; } em, i { font-style: italic; } b, strong { font-weight: bold; } u { text-decoration: underline; } sup { font-size: 80%; vertical-align: super; } sub { font-size: 80%; vertical-align: sub; } tt { font-family: monospace; font-size: 110%; } p.more-link { text-align: right; } p.small { font-size: 0.75em; } p.top-link { text-align: right; font-size: 0.75em; clear: both; margin-top: 1em; } p.copyright { text-align: right; font-size: 0.75em; clear: both; margin-top: 1em; } .note { color: red; } .gray { color: #999999; } .clear { clear: both; } .center { text-align: center; } .right { text-align: right; } .hidden { display: none; } .float-right { float: right; } table .alt td { background: #f1f1f1; } table td:first-child { padding-left: 10px; } small { font-size: 85%; color: #888; font-style: italic; } header { background: #e1e1e1; } header .container { border-bottom: 1px solid #e1e1e1; } header .container .column, header .container .columns { margin: 0; } header .row { margin-bottom: 0; } header .alpha { background: url("../images/overlay.png") no-repeat top left; _background-image: none; } header .sixteen.columns { width: 960px; } header .eight.columns { width: 480px; } h1.title a { float: left; display: block; background: url("../images/euclid-logo.png") no-repeat; width: 200px; height: 58px; text-indent: -99999px; margin: 20px 15px 20px 0; padding: 0; } h2.subtitle { float: left; color: #444444; font-size: 1em; font-weight: 200; margin-top: 55px; } /* MAIN NAVIGATION - Custom header for International Press mockup */ /* ---------------------------------------------------------------- */ h1.title-ip a { float: left; display: block; background: url("../images/ip-logo.png") no-repeat; width: 234px; height: 75px; text-indent: -99999px; margin: 13px 15px 10px 0; padding: 0; } /* GLOBAL NAVIGATION - Help, RSS, login */ /* ---------------------------------------------------------------- */ .global-nav { float: right; } .global-nav ul { float: left; list-style: none; overflow: hidden; margin-right: 0; } .global-nav li { float: left; color: #b0b0b0; border-left: 1px solid #ccc; margin-top: 2px; padding: 2px 6px; font-size: 0.75em; } .global-nav li:first-child { border-left: none; } .global-nav li.institution { color: #222222; } /* INSTITUTION STATEMENT - added to global-nav as first
  • -- TODO: delete if not needed /* ------------------------------------------------------------------------------------------ */ /* MAIN NAVIGATION - Browse/search */ /* ---------------------------------------------------------------- */ .nav { float: left; background: white; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; border-top-right-radius: 10px; padding: 5px; background-image: linear-gradient(bottom, #f1f1f1 23%, white 62%); background-image: -o-linear-gradient(bottom, #f1f1f1 23%, white 62%); background-image: -moz-linear-gradient(bottom, #f1f1f1 23%, white 62%); background-image: -webkit-linear-gradient(bottom, #f1f1f1 23%, white 62%); background-image: -ms-linear-gradient(bottom, #f1f1f1 23%, white 62%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.23, #f1f1f1), color-stop(0.62, white)); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .nav .separator { display: inline-block; margin: 8px 5px 8px 10px; font-style: italic; color: #666; float: left; font-size: 0.75em; } ul#main-nav { float: right; list-style: none; margin: 2px 0 0 0; } ul#main-nav li { float: left; } ul#main-nav li a:hover { text-decoration: underline; } ul#main-nav a { display: block; padding: 4px 5px; font-weight: bold; font-size: 1em; } ul#main-nav .caret { margin-top: 7px; margin-left: 2px; border-top: 4px solid #bbb751; opacity: 1.0; filter: alpha(opacity=100); } ul#main-nav li.active .caret { border-top: 4px solid white; opacity: .75; } ul#main-nav li.active ul.dropdown li a { background: #fff; height: auto; font-weight: normal; width: 200px; text-indent: 0; text-align: left; display: block; border-bottom: 0; border-right: 0; color: #005aa2; } ul#main-nav li.active ul.dropdown li a:hover { background: #005aa2; color: white; } ul#main-nav li.last ul.dropdown a { -webkit-border-top-right-radius: 0; -moz-border-top-right: 0; border-top-right-radius: 0; border-right: none; } ul#main-nav ul.dropdown { position: absolute; left: -9999em; z-index: 12; list-style: none; margin-left: 0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); border: 1px solid #dedede; } ul#main-nav ul.dropdown li { float: none; font-size: 0.875em; } ul#main-nav ul.dropdown li a { background: #fff; height: auto; font-weight: normal; width: 200px; padding: 8px 5px; text-indent: 0; text-align: left; display: block; color: #005aa2; border: 0; } ul#main-nav ul.dropdown a { -webkit-border-radius: 0; moz-border-radius: 0; border-radius: 0; } ul#main-nav ul.dropdown a:hover { background: #005aa2; color: white; text-decoration: none; } ul#main-nav li:hover ul.dropdown, ul#main-nav li.sfhover ul.dropdown { left: auto; } /* SECONDARY NAVIGATION - About, etc. */ /* ---------------------------------------------------------------- */ ul.secondary { float: right; position: absolute; right: 0; bottom: 0; } ul.secondary li { float: left; padding: 5px 10px; border-left: 1px solid #d2d2d2; font-size: 0.875em; } ul.secondary li ul.dropdown { position: absolute; left: -9999em; z-index: 12; list-style: none; margin-left: -5px; margin-top: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); border: 1px solid #dedede; background: #fff; } ul.secondary li ul.dropdown li { float: none; font-size: 1em; padding: 0; line-height: 1.2em; } ul.secondary li ul.dropdown li a { background: white; height: auto; font-weight: normal; width: 200px; text-indent: 0; text-align: left; display: block; border-bottom: 0; border-right: 0; color: #005aa2; padding: 8px 10px; } ul.secondary li ul.dropdown a:hover { background: #005aa2; color: white; text-decoration: none; } ul.secondary li.first { border-left: 0; } ul.secondary li.active { border-bottom: 3px solid #005aa2; } ul.secondary li.active ul.dropdown li a { background: white; height: auto; font-weight: normal; width: 200px; text-indent: 0; text-align: left; display: block; border-bottom: 0; border-right: 0; color: #005aa2; padding: 8px 10px; } ul.secondary li.last ul.dropdown { margin-left: -120px; } ul.secondary li.last ul.dropdown a { -webkit-border-top-right-radius: 0; -moz-border-top-right: 0; border-top-right-radius: 0; border-right: none; } ul.secondary li:hover ul.dropdown, ul.secondary li.sfhover ul.dropdown { left: auto; } ul.secondary .caret { margin: 6px 0 0 0; } /* PILL NAVIGATION - browse lists, publication nav */ /* ---------------------------------------------------------------- */ .main-content ul.nav-pills { margin-bottom: 1.5em; border-bottom: 2px solid #005aa2; padding-bottom: .5em; list-style: none; overflow: hidden; clear: both; } .main-content ul.nav-pills li { float: left; margin-left: 0; } .main-content ul.nav-pills a { display: block; padding: 5px 12px; margin: 0 4px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #e5eff8; } .main-content ul.nav-pills a:hover { background: #c5e3fb; text-decoration: none; } .main-content ul.nav-pills .active a, .main-content ul.nav-pills .active a:hover { color: white; background: #005aa2; } .main-content ul.short-margin { margin-bottom: .5em; } .browse .nav-pills li { margin-top: 15px; } /* BOOK CONTENTS */ /* ---------------------------------------------------------------- */ .main-content .nav-simple { margin-top: 30px; text-align: center; } .main-content .nav-simple ul.nav-pills { border-bottom: none; } .main-content .nav-simple ul.nav-pills li { float: none; display: inline; } .main-content .nav-simple ul.nav-pills a { display: inline-block; } .main-content ul.nav-alpha a { padding: 3px 6px; margin-right: 2px; } .main-content ul.nav-alpha li.inactive { padding: 3px 6px; margin-right: 2px; color: #999999; } /* ABOUT SIDEBAR NAV */ /* ---------------------------------------------------------------- */ .main-content ul.nav-about { list-style: none; } .main-content ul.nav-about li { margin-left: 0; padding-bottom: 0; line-height: 1.3em; } .main-content ul.nav-about a { display: block; padding: 5px 0 5px 20px; border-left: 5px solid white; } .main-content ul.nav-about a:hover { text-decoration: none; border-color: #c5e3fb; } .main-content ul.nav-about .active a { border-left: 5px solid #005aa2; } .main-content ul.nav-about .active li a { border-color: #c5e3fb; } .main-content ul.nav-about .active .active a { text-decoration: underline; } .main-content ul.nav-about ul { list-style: none; margin-bottom: 0; } .main-content ul.nav-about ul a { border-color: #c5e3fb; padding: 2px 0 2px 35px; } .main-content li.nav-header { font-size: 0.75em; font-weight: bold; color: #666; text-transform: uppercase; font-weight: bold; } /* SIMPLE HORIZONTAL NAV - used on search results for content type */ /* ---------------------------------------------------------------- */ .main-content ul.nav-content { border-bottom: 1px solid #eaeaea; list-style: none; overflow: hidden; } .main-content ul.nav-content li { float: left; margin-left: 0; margin-right: 5px; padding: 5px 12px; } .main-content ul.nav-content a:hover { text-decoration: none; } .main-content ul.nav-content li.active { border-bottom: 3px solid #bd0404; color: #bd0404; font-weight: bold; } .main-content ul.nav-content li.active a { color: #bd0404; } footer { padding-top: 30px; } footer ul { list-style: none; clear: both; margin: 0; padding: 0; } footer li { font-size: 0.75em; float: left; margin: 0 5px .5em 0; } footer li a { display: block; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #d0d0d0; color: #222222; } footer li a:hover { background: white; text-decoration: none; } footer li.browse-links a { font-weight: bold; } footer p { clear: both; font-size: 0.75em; padding-top: 1em; margin-bottom: 30px; } footer .gplus { text-align: right; } footer .gplus a:hover { background: inherit; } footer .feedback { margin-top: 10px; } footer .feedback a { display: inline-block; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: white; font-size: .75em; } footer .feedback a:hover { text-decoration: none; color: white; background: #005aa2; } .home .container { background: white url("../images/euclid-e.png") no-repeat bottom right; _background-image: none; } .home-features .col1 { float: left; width: 48%; } .home-features .col2 { float: right; width: 48%; } .feature img { float: left; margin: 0 15px 0 0; padding: 5px; background: #eaeaea; border: 1px solid #e1e1e1; } .new-articles { margin: 0 0 30px 0; } .news { margin: 0 0 30px 0; } .news ul { list-style: none; border-top: 1px solid white; } .news li { margin: 0; padding: .75em 0; border-bottom: 1px solid white; } .holdings { margin: 0 0 30px 0; } .holdings em { color: #999999; font-size: 90%; } table.browse { width: 100%; margin-bottom: 1.5em; } table.browse caption { background: #f1f1f1; padding: 10px 0; font-size: 1.25em; margin-bottom: 0.75em; } table.browse tr { border-bottom: 1px solid #dedede; } table.browse th { text-align: left; font-size: 0.75em; padding: 5px 0; font-weight: normal; text-transform: uppercase; *border-bottom: 1px solid #dedede; } table.browse th .caret { margin-top: 4px; } table.browse th a { color: #222; } table.browse th a:hover { text-decoration: none; } table.browse th a.active { font-weight: bold; } table.browse th.header-access { width: 10%; cursor: pointer; } table.browse td { padding: 10px 10px 10px 0; vertical-align: top; *border-bottom: 1px solid #dedede; } table.browse td i.icon-access-open, table.browse td i.icon-access-partial, table.browse td i.icon-access-closed { margin-left: 10px; } table.browse td.cell-access { width: 10%; } table.browse th.header-title, table.browse td.cell-title { width: 75%; } table.browse th.header-title { cursor: pointer; } table.browse th.header-format, table.browse td.cell-format { width: 15%; } table.browse th.header-format { cursor: pointer; } table.browse ul.toggle { width: 400px; margin: 5px 0; padding: 10px; background: #f1f1f1; } table.browse .icon-sort-down:before { content: none; } table.browse .icon-sort-up:before { content: none; } table.browse .icon-sort-down:after { content: "\f0dd"; } table.browse .icon-sort-up:after { content: "\f0de"; } .browse-list table.browse { border-top: 1px solid #dedede; } .icon-plus { display: inline-block; width: 12px; height: 12px; margin: 6px 0 0 3px; } .format { margin-top: 3px; padding: 4px 8px; font-size: 0.75em; color: #666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .format i { font-size: 125%; } .format-book { background: #f5f3c7; } .format-journal { background: #c5e3fb; } .format-proceeding { background: #e8dfdf; } i.icon-access-open { display: inline-block; vertical-align: text-top; width: 16px; height: 16px; background: url("../images/icons-access.png") no-repeat 0 0; } i.icon-access-partial { display: inline-block; vertical-align: text-top; width: 16px; height: 16px; background: url("../images/icons-access.png") no-repeat -16px 0; } i.icon-access-closed { display: inline-block; vertical-align: text-top; width: 16px; height: 16px; background: url("../images/icons-access.png") no-repeat -32px 0; } .more-info { font-size: 50%; font-style: italic; } /* SEARCH RESULTS */ /* ---------------------------------------------------------------- */ .search-results h2 { margin-bottom: 0.5em; } .search-results .box-access { margin-top: 60px; margin-left: 0; padding: 0; float: none; } /* FACETS */ /* ---------------------------------------------------------------- */ .main-content .facets h2 { font-size: 0.875em; margin: 10px 0 0; line-height: 1.5em; } .main-content .facets h2 a { display: block; padding: 0; color: #222222; } .main-content .facets h2 a:hover { text-decoration: none; } .main-content .facets h2.first { margin-top: 0; } .main-content .facets ul { list-style: none; margin: 0 0 0 10px; padding: 10px 0; } .main-content .facets li { font-size: 0.75em; margin-left: 0; } .main-content .facets li.active { font-weight: bold; } .main-content .facets li.selected { font-weight: bold; color: #666; } .main-content .facets li.selected i { float: none; color: #bbb751; } .main-content .facets li.selected a:hover i { color: #666; } .see-more { margin-top: 5px; } /* selected facets bubbles */ .main-content ul.selected-facets { list-style: none; } .main-content ul.selected-facets li { float: left; font-size: 0.75em; margin: 0 10px 4px 0; display: block; padding: 5px 8px; background: #444444; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #e1e1e1; } .search-results ul.selected-facets i { color: #bbb751; float: none; margin: 0 0 0 3px; } .search-results ul.selected-facets a:hover i { color: white; } .search-results .article-tools { padding: 0; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* RESULTS HEADER - QUERY, SORTING, ETC. */ /* ---------------------------------------------------------------- */ .main-content p.query { float: left; } .results-sort { text-align: right; float: right; } .results-sort label { font-size: 0.75em; } .results-sort select { width: auto; font-size: 0.75em; } .results-sort .form-group { display: inline; } /* SEARCH RESULTS LIST */ /* ---------------------------------------------------------------- */ .results { margin: 0; padding: 0; clear: both; } .main-content .result-item { padding: 15px 10px; border-bottom: 1px solid #eaeaea; overflow: hidden; } .main-content .result-item h3 { font-size: 1em; margin: 0 0 5px 0; line-height: 1.2em; } .main-content .result-item p { margin-bottom: 0; font-size: 0.75em; } .main-content .result-item input { float: left; margin: 3px 8px 0 3px; } .result { float: left; width: 90%; } .result-item:first-child { border-top: 1px solid #eaeaea; } .result-best { background: #e5eff8; } .result-best a { font-weight: bold; } .result-best-label { font-size: 0.75em; color: #bd0404; font-weight: bold; } .search-results .article-tools { margin: 10px 0; } /* SEARCH BOX */ /* ---------------------------------------------------------------- */ .search-results .mini-search { margin-bottom: 20px; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f1f1f1; } .search-results .mini-search form { margin: 0; } form.standard input[type="text"].input-search { display: inline-block; width: 300px; margin-bottom: 0; } form.advanced-search fieldset { margin-bottom: .5em; } form.advanced-search select { display: inline-block; width: auto; margin-bottom: 5px; } form.advanced-search i { float: none; margin: 0 0 0 3px; } .add-link { font-size: 0.75em; display: block; margin-bottom: 1em; } .start-over-link { margin-left: 3px; font-size: .75em; } .search-tips a { float: right; display: inline-block; font-size: 0.75em; } .search-tips #search-tips { font-size: .875em; padding-top: 20px; } .search-tips #search-tips a { float: none; font-size: 1em; } .main-content .search-tips h5 { font-weight: normal; font-size: 1em; } .main-content .search-tips li, .main-content .search-tips p { font-size: .875em; } /* TOP SEARCH BOX */ /* ---------------------------------------------------------------- */ .search { float: left; margin-bottom: 0; margin-left: 0; padding: 0; width: auto; } .search form { float: left; margin-bottom: 0; } .search form select { width: auto; } .search p { float: left; margin: 0 30px 0 0; } .search p a { font-size: 0.75em; color: #999; } .search button.btn-search { background: url("../images/btn-search.png") no-repeat; width: 26px; height: 26px; background-color: none; border: none; vertical-align: middle; margin-top: 2px; cursor: pointer; } .search input { font: 0.875em "Helvetica Neue", Helvetica, Arial, sans-serif; } .search .search-wrapper { background: white; border-radius: 6px; border: 1px solid #eee; float: left; margin-right: 5px; } .search .search-wrapper input { width: 200px; border: 1px solid white; border-radius: 0; box-shadow: none; } .search .search-wrapper select { -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; border: 0; background: url("../images/icon-caret-down.png") no-repeat right; margin-right: 5px; font-size: .75em; padding: 2px 10px 2px 5px; color: #999999; border-left: 1px dotted #ccc; border-radius: 0; } .search .search-wrapper select:focus { outline: none; border-left: 1px dotted #ccc; } .search .search-wrapper select::-ms-expand { display: none; } .ie .search-wrapper select { background-image: none; margin-right: -5px; } .publication-section { margin: 0 0 1em; } .publication-section .article-item { width: 95%; } .publication-section .article-item .title { font-size: 0.875em; line-height: 1.2em; } .publication-section h4 { margin: 0 0 .5em; } .publication-section .popover p, .publication-section .popover li { font-size: 1em; } .publication-section .popover h5 { font-size: 120%; margin-bottom: 1em; } .publication-content h3 { clear: both; } .article-info { float: left; width: 80%; } .article-nav { float: right; } .box .btn-purchase { float: none; } .main-content ul.pager { float: right; margin: 0 0 .5em; list-style: none; } .main-content ul.pager li { float: left; margin-left: 3px; font-size: 0.75em; } .main-content ul.pager a { display: block; -webkit-border-radius: 5px; -moz-borde-radius: 5px; border-radius: 5px; border: 1px solid #eaeaea; padding: 4px 6px; } .main-content ul.pager a:hover { background: #eaeaea; text-decoration: none; } .article-tools { padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; background: #f1f1f1; margin: 30px 0; clear: both; } .select-deselect { float: left; font-size: 0.75em; font-weight: bold; } .select-deselect input { margin-right: 8px; } ul.article-export { float: right; list-style: none; margin: 0; padding: 0; } ul.article-export li { float: left; font-size: 0.75em; margin: 0 0 0 25px; color: #999999; } ul.article-export i { line-height: inherit; margin-right: 2px; } .new-articles .article-item { width: 90%; } .main-content h3.special-issue { color: #666; margin-bottom: .5em; } .download-buttons.box { background: #e5eff8; } /* BREADCRUMBS */ /* ---------------------------------------------------------------- */ .breadcrumbs { margin: 0 0 2.5em; list-style: none; clear: both; } .breadcrumbs li { display: inline-block; text-shadow: 0 1px 0 white; font-size: .6875em; margin-left: 0; *display: inline; *zoom: 1; color: #999999; } .breadcrumbs .divider { color: #999999; } .breadcrumbs .active a { color: #999999; } /* TABS - see also ui.tabs.css */ /* ---------------------------------------------------------------- */ .nav-tabs { margin-bottom: 0; margin-top: 50px; } .expand-box { border: 1px solid #eaeaea; margin: 10px 0; background: #f1f1f1; padding: 20px 20px 10px 20px; display: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .main-content .expand-box p, .main-content .expand-box li { font-size: 1em; } .main-content .all-pubs li { font-weight: bold; } .main-content .all-pubs .expand-box { background: white; } .main-content .all-pubs .expand-box li { font-weight: normal; } /* CARET */ /* ---------------------------------------------------------------- */ .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000000; opacity: 0.3; filter: alpha(opacity=30); content: ""; _display: none; } /* ACCESS KEY */ /* ---------------------------------------------------------------- */ ul.access { list-style: none; margin: 5px 0 0 0; padding: 0; clear: both; } ul.access li { margin: 0 0 5px; padding: 0 0 5px; font-size: 0.75em; } ul.access i { vertical-align: middle; margin-right: 5px; float: left; } ul.access span { width: 90%; } /* BOXES */ /* ---------------------------------------------------------------- */ .box { padding: 19px; background: #efefef; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .box2 { border-top: 5px solid #005395; padding: 20px 0; } .box-alert { background: #fcecec; } .box-download { background: #ebe9bd; margin-left: 20px; } .box-access { float: right; width: auto; padding: 10px; margin-left: 20px; } .main-content .box-access p { margin-bottom: 0; } .browse .box-access, .browse-list .box-access { margin-top: -10px; } .box-right { float: right; } .box-right h3 { font-size: 1.1em; } /* BUTTONS */ /* ---------------------------------------------------------------- */ .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; font-size: 13px; line-height: 18px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -ms-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(top, white, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(enabled=false); border: 1px solid #cccccc; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); cursor: pointer; *margin-left: .3em; } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn-purchase { float: right; } .btn-alert { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-alert:hover, .btn-alert:active, .btn-alert.active, .btn-alert.disabled, .btn-alert[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-warning, .btn-warning:link, .btn-warning:visited { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } /* ANCHOR LINKS / TOPICS */ /* ---------------------------------------------------------------- */ .main-content .topics { border-top: 1px solid #999999; } .main-content .topics h3 { margin: 1em 0; } .main-content .topics h4 { font-size: 1em; font-weight: bold; margin-bottom: .5em; } .main-content .topics p { margin-bottom: .5em; } /* PAGINATION */ /* ---------------------------------------------------------------- */ .main-content .pagination { height: 36px; margin: 18px 0; } .main-content .pagination ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); float: right; } .main-content .pagination li { display: inline; margin-left: 0; } .main-content .pagination a { float: left; padding: 0 14px; line-height: 2.25em; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; } .main-content .pagination a:hover { background-color: #f1f1f1; } .main-content .pagination .active a { background-color: #f1f1f1; color: #999999; cursor: default; } .main-content .pagination .disabled span, .main-content .pagination .disabled a, .main-content .pagination .disabled a:hover { color: #999999; background-color: transparent; cursor: default; } .main-content .pagination li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .main-content .pagination li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } /* JQUERY TABS - see ui.tabs.css */ /* ---------------------------------------------------------------- */ /* JQUERY POPOVER */ /* ---------------------------------------------------------------- */ .popover { position: absolute; background: white; border: 1px solid #e1e1e1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; /* Saf3+, Chrome */ border-radius: 5px; padding: 10px; width: 200px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .main-content .result-item .popover p { font-size: .875em; margin-bottom: 1em; } .main-content .popover ul { margin-bottom: 0; } /* JQUERY SHOW/HIDE */ /* ---------------------------------------------------------------- */ .show-more { display: none; } .icon-info-toggle { display: inline-block; width: 12px; height: 12px; padding-left: 5px; line-height: 1.4em; } /* RSS PAGE */ /* ---------------------------------------------------------------- */ .rss ul.contents li { font-size: 0.875em; clear: both; overflow: hidden; } .rss ul.contents a { font-size: 80%; padding: 5px; background: #e5eff8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 5px; } .rss ul.contents a:hover { text-decoration: none; background: #005aa2; color: white; } .rss ul.contents .title { margin-right: 10px; } .main-content .rss h3 { clear: both; } /* ADD THIS TOOL BOX */ /* ---------------------------------------------------------------- */ .addthis_toolbox a { margin-bottom: 4px; } .about blockquote h4 { margin-bottom: 0; } /* LOGIN, PROFILE, MANAGE ACCOUNT PAGES */ /* ---------------------------------------------------------------- */ .login form { clear: both; } .login .alpha .gutter-nested { border-right: 1px solid #eaeaea; } /* ACCORDION */ /* ---------------------------------------------------------------- */ #accordion { margin-bottom: 60px; } .main-content #accordion h3 { margin-bottom: 0; border: 1px solid white; border-bottom: 1px solid #e1e1e1; font-size: 1.25em; } .main-content #accordion h3 a { display: block; padding: 10px; font-weight: normal; font-size: 90%; } .main-content #accordion h3.ui-state-active { background: #f1f1f1; border: 1px solid #f1f1f1; border-bottom: none; } .ui-accordion-content { padding: 20px; border: 1px solid #e1e1e1; border-top: none; height: auto; } /* ADMIN PAGES */ /* ---------------------------------------------------------------- */ .admin-data { margin-bottom: 1em; } .admin-data th { font-size: 0.875em; text-align: left; color: #666; padding-right: 10px; padding-bottom: .5em; width: 50%; } .admin-data td { padding-bottom: 0.5em; width: auto; } .admin-data .divider { color: #999999; } .admin-ip .first { text-align: right; padding-right: 0; padding-left: 20px; } .admin-ip .divider { padding: 0 10px; } .admin-ip td { border-bottom: 1px solid #e1e1e1; padding: 10px 20px 10px 0; } /* DIVIDER */ /* ---------------------------------------------------------------- */ .divider { color: #e1e1e1; margin: 0 2px; } /* DASHES */ /* ---------------------------------------------------------------- */ .dashes { border-top: 1px dashed #999999; margin-top: 4px; padding-top: 4px; } /* MODAL WINDOW */ /* ---------------------------------------------------------------- */ .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } .modal { position: fixed; top: 10%; left: 50%; z-index: 1050; width: 450px; margin-left: -225px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; /* IE6-7 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; } .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -1000%; } .modal.fade.in { top: 10%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { position: relative; overflow-y: auto; max-height: 400px; padding: 15px; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: center; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; *zoom: 1; } .modal-footer:before, .modal-footer:after { display: table; content: ""; line-height: 0; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .main-content .modal-footer .pagination { margin: 0; height: auto; } .main-content .modal-footer .pagination ul { float: none; padding: 0; } .main-content .modal-footer .pagination a { background: white; } .main-content .modal-footer .pagination a:hover { background: #f1f1f1; } .modal-header a { cursor: pointer; float: right; } .search-results .modal-header i { float: none; margin-right: 0; } .main-content .facets .modal-body li { font-size: 0.875em; } /* INSTITUTION LOGOS */ /* ---------------------------------------------------------------- */ .institution-logos { margin-top: 2em; } .institution-logos a { display: block; margin-bottom: 0.5em; } /* BOOTSTRAP ALERTS */ /* ---------------------------------------------------------------- */ .alert { padding: 10px; } .alert, .alert h4 { color: #c09853; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success h4 { color: #468847; } .alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-danger h4, .alert-error h4 { color: #b94a48; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-info h4 { color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } /* BOOTSTRAP TOOLTIPS */ /* ---------------------------------------------------------------- */ .tooltip { position: absolute; z-index: 1030; display: block; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; } /* SHOW/HIDE */ /* ---------------------------------------------------------------- */ .show_hide { display: block; } /* FEATURES LIST and ALL ISSUES LIST - used in about/tools pages */ /* ---------------------------------------------------------------- */ .features-list h4, .all-pubs h4 { font-size: 1em; } .features-list .icon-chevron-right, .all-pubs .icon-chevron-right { font-size: 0.75em; } .features-list .show_hide, .all-pubs .show_hide { display: inline; } .features-list .example, .all-pubs .example { color: #666; font-style: italic; } .features-list .example a, .all-pubs .example a { font-style: normal; } .all-pubs h4 { margin-top: 0; } .main-content .features-list .example { font-size: 0.875em; } .main-content p.example { color: #666; font-size: 0.75em; font-style: italic; } .main-content p.example a { font-style: normal; } /* ERROR MESSAGE /* ---------------------------------------------------------------- */ .error-message { color: #b94a48; } /* ADMIN POPUP /* ---------------------------------------------------------------- */ .ui-dialog { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .ui-dialog p { font-size: 0.875em; margin: 0 0 1em 0; line-height: 1.5em; } .ui-dialog .ui-dialog-titlebar { margin-bottom: .5em; } /* make sure publication pages have a minimum height so that sidebar isn't longer than main body content */ .publication .thirteen.columns { min-height: 700px; } /* GENERAL ARTICLE LISTS - top downloads, toc, home page new articles */ /* ------------------------------------------------------------------ */ .article { border-bottom: 1px solid #e1e1e1; margin-bottom: 5px; padding: 10px; clear: both; overflow: hidden; vertical-align: top; _border-bottom: none; } .article img.cover, .article input { float: left; margin-right: 10px; } .article span { display: block; width: auto; } .article span.MathJax, .article span.MathJax_Preview { display: inline; } .article span.format { display: inline-block; } .article .title { margin-bottom: .5em; font-size: 1.1em; } .article .author, .article .pub-title { font-size: 0.75em; line-height: 1.5em; } .article-item { float: left; } /* TOP DOWNLOADS */ /* ---------------------------------------------------------------- */ .top-downloads { margin-bottom: 30px; } .top-downloads .article { padding: 10px 0; } .top-downloads .article-item { width: 85%; } .top-downloads .title { font-weight: bold; } .top-downloads h2 span { font-size: 65%; font-style: italic; font-weight: normal; color: #999999; } /* SIDEBAR */ /* ---------------------------------------------------------------- */ .journal-sidebar { margin-left: 0; } .sidebar-box { background: #f1f1f1; margin: .5em; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .sidebar-box h3 { font-size: 1em; } .sidebar-box p { margin: 0; } .main-content .publisher-nav li { font-size: 0.75em; padding: 0 0 .25em; margin-left: 0; } .sidebar-cover { text-align: center; } .sidebar-cover img.cover { width: 100px; background: #fff; } .publisher-nav { background: #f1f1f1; border: 2px solid #ddd; } .publisher-nav h4 { font-weight: bold; margin: 0 0 .75em; line-height: 1.1em; font-size: 0.875em; } .publisher-nav h4 .active { color: black; } .publisher-nav h4 .active:hover { text-decoration: none; } .publisher-nav h5 { font-size: 0.875em; } .publisher-nav ul { list-style: none; padding: 10px 0; margin: 0; border-top: 2px solid #ccc; } .publisher-nav li.active a { color: white; } .publisher-nav li.active a:hover { text-decoration: none; } .publisher-contact { border-top: 2px solid #ccc; padding-top: 10px; } .share-icons { text-align: center; } .share-icons a { font-size: 200%; margin-right: 5px; color: #999; } .share-icons a:hover { color: #005395; text-decoration: none; } /* MORE LIKE THIS BOX - used to be called 'see also' */ /* ---------------------------------------------------------------- */ .main-content .see-also ul { list-style: none; } .main-content .see-also li { font-size: 0.75em; margin: 0; padding: 5px 0; border-bottom: 1px solid white; } .main-content .see-also li li { font-size: 1em; } .main-content .see-also p { font-size: 0.75em; } .journal-tracking .btn { margin-bottom: .5em; margin-right: 2px; } .journal-tracking .icon-rss { margin-right: 3px; } .journal-tracking .icon-envelope { margin-right: 3px; } .mathjax { text-align: center; } .mathjax a.btn { margin-bottom: 10px; } /* PUBLICATION INFO */ /* ---------------------------------------------------------------- */ .pub-info { font-size: 0.75em; margin-bottom: 30px; } .pub-info ul { list-style: none; margin: 0; padding: 0; } .main-content .pub-info li { margin-left: 0; line-height: 1.4em; } .main-content .featured-article h4 { font-size: 0.875em; } .main-content .featured-article h5 { font-size: 0.75em; font-weight: bold; } .main-content .featured-article p { font-size: 0.75em; } /* ABSTRACT PAGE */ /* ---------------------------------------------------------------- */ .abstract-tabs { clear: both; } .tab-content { border: 1px solid #ddd; border-top: none; padding: 30px; margin-bottom: 40px; } .reference-links { font-size: 0.75em; color: #666; padding: 3px 20px 0 20px; margin-bottom: 1em; line-height: 1.5em; } .reference-buttons { padding: 3px 20px 0 20px; margin-bottom: 1em; } .downloads { float: right; margin-bottom: 50px; width: 300px; } .downloads .btn { margin-bottom: 10px; } .main-content .downloads p { font-size: 0.75em; } .main-content ol.references li { margin-bottom: 15px; } .main-content .publication-content h3 { margin-bottom: 0.5em; } .links-ids { margin-top: 30px; } #subjects-keywords a { display: inline-block; padding: 2px 4px; background: #e1e1e1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 90%; margin-right: 5px; margin-bottom: 5px; } #subjects-keywords a:hover { text-decoration: none; background: #d1d1d1; } .subjects a, .keywords a { display: inline-block; padding: 2px 4px; background: #f1f1f1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 90%; margin-right: 5px; margin-bottom: 5px; } .subjects a:hover, .keywords a:hover { text-decoration: none; background: #e1e1e1; } .supplemental-item { margin-bottom: 1em; } .supplemental-item p { margin-bottom: 0.5em; } /* More like this modal window */ #more-like-this { width: 600px; margin-left: -300px; } .main-content .see-also .modal-body { max-height: 400px; } .main-content .see-also .modal-body ul { list-style: disc; margin: 0 1em 1em 1em; } .main-content .see-also .modal-body li { font-size: 0.875em; border-color: #f1f1f1; } .abs-page-text-bold { font-size: .875em; margin-bottom: .25em; line-height: 1.4em; } /* BUY ARTICLE SCREEN */ /* ---------------------------------------------------------------- */ .buy-article { margin-bottom: 30px; } .main-content .buy-article p { margin-bottom: 0; } /* MONOGRAPH CONTENTS */ /* ---------------------------------------------------------------- */ .main-content ul.contents { list-style: none; border-top: 1px solid #e1e1e1; } .main-content ul.contents li { margin: 0; padding: 10px; border-bottom: 1px solid #e1e1e1; font-size: 0.75em; } .main-content ul.contents a { font-size: 1.25em; line-height: 1.5em; } /* ALL ISSUES SHOW/HIDE */ /* ---------------------------------------------------------------- */ .main-content .all-pubs h3 { margin: 10px 0 0; font-size: 1em; } .main-content .all-pubs h3 a { display: block; background: #e5eff8; padding: 10px; } .main-content .all-pubs h3 a:hover { text-decoration: none; } .main-content .all-issues h3.first { margin-top: 0; } .main-content ul.contents-simple { list-style: none; } .main-content ul.contents-simple li { margin-left: 0; } /* PUBLISHER PAGE */ /* ---------------------------------------------------------------- */ .main-content .publisher-contact p { font-size: 0.75em; line-height: 1.4em; margin-bottom: 5px; } .main-content .pub-titles ul { list-style: none; margin-bottom: 0; } .main-content .pub-titles li { margin-left: 0; padding: 2px 0; } .publisher-logo { text-align: center; } .publisher-logo img { max-width: 90%; margin: 20px 10px; } .publisher-email { word-wrap: break-word; -ms-word-wrap: sWrap; } .publisher-browse { margin-bottom: 30px; } .pub-titles { margin-bottom: 15px; } .top-downloads-publisher { border-top: 5px solid #e1e1e1; padding-top: 15px; } .pub-feature img { float: left; margin: 0 10px 10px 0; width: 50px; } .pub-feature-secondary { border-top: 1px solid #e1e1e1; } /* two column publisher feature */ .publisher-twocolumn { margin-top: -30px; } .publisher-twocolumn .publisher-browse { padding: 15px 20px; margin-bottom: 0; } .publisher-twocolumn .pub-feature { padding: 15px 20px 30px 20px; border-left: 1px solid #e1e1e1; } /* one column publisher feature */ .publisher-onecolumn .pub-feature { padding: 30px 0; margin-bottom: 15px; border-top: 1px solid #e1e1e1; } /* IMS affiliated publications list */ .pub-titles-ims { padding: 15px 20px 30px 20px; border-left: 1px solid #e1e1e1; } .main-content .pub-titles-ims { margin-bottom: 0; } .main-content .pub-titles-ims ul { margin-bottom: 1em; } /* TODO: the publisher-feature class is only used in the publisher international press mockups; it should be renamed to be something more clear or useful; or try to re-use the pub-feature class which is active on the publisher layouts */ .publisher-feature { margin: 0 0 30px; } /* ICONS - TODO: clean this up */ /* ---------------------------------------------------------------- */ .article i, .featured-article i, ul.contents-simple i, .pub-titles i, .search-results i, ul.contents i { float: left; margin-right: 6px; } .pub-titles i, ul.contents-simple i { float: none; vertical-align: middle; margin-bottom: 5px; } ul.contents i { vertical-align: middle; margin-top: 2px; margin-bottom: 10px; } .article .title i, .featured-article .title i, ul.contents-simple .title i, .pub-titles .title i, .search-results .title i, ul.contents .title i { float: none; margin-right: 0; } /* FORTHCOMING ARTICLES */ /* ---------------------------------------------------------------- */ .main-content .forthcoming-message { clear: both; margin-top: 1.5em; margin-bottom: 1em; } .main-content .forthcoming-message h4 { font-size: 1.2em; font-weight: bold; margin: 0 0 .5em; } .main-content .forthcoming-message h4 i { color: #bbb751; } .main-content .forthcoming-message p { font-size: 0.875em; margin: 0 0 1em 0; line-height: 1.5em; } .main-content .issue_description { clear: both; margin-top: 1.5em; margin-bottom: 1em; } .main-content .forthcoming-message h4 { font-size: 1.2em; font-weight: bold; margin: 0 0 .5em; } .main-content .forthcoming-message h4 i { color: #bbb751; } .main-content .forthcoming-message p { font-size: 0.875em; margin: 0 0 1em 0; line-height: 1.5em; } /* CITATION "BREADCRUMBS" */ /* ---------------------------------------------------------------- */ ul.citation { font-size: 0.75em; list-style: none; padding: 0; margin: 0 0 .75em; } ul.citation li { margin: 0; padding: 0; } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 480px) { /* GENERAL LAYOUT AND TYPOGRAPHY */ /*------------------------------------*/ .hide-mobile { display: none; } .gutter, .rss .gutter { padding: 15px 10px 0 15px; } .main-content h2 { margin-bottom: 1em; } .gutter-nested { margin-bottom: 0; padding-bottom: 0; } .home .container { background-image: none; } .about .four.columns .gutter, .admin .four.columns .gutter { padding: 15px 10px 0 0; } .search-results .four.columns .gutter { padding-bottom: 0; } /* HEADER */ /*------------------------------------*/ header .container .column, header .container .columns { float: none; } h1.title a { float: none; margin: 5px auto 0 auto; width: auto; margin-left: 40px; } form.standard input.input-search[type="text"] { width: 240px; margin-bottom: 2px; } .search { margin: 0; float: none; } .search form { width: 100%; float: none; } .nav { width: 290px; border-top-right-radius: 0; padding: 5px; } .nav .separator { margin: 0; } .top-downloads h2 span { display: none; } ul#main-nav { float: none; } ul#main-nav li { float: none; } ul#main-nav li a:hover { background: inherit; color: #005aa2; } ul#main-nav a { background-color: inherit; background-image: none; border: none; border-radius: 0; display: inline; padding: 0 0 0 5px; font-size: .75em; } .global-nav, p.institution { float: none; border-right: none; text-align: center; margin-bottom: 5px; } /* VARIOUS ELEMENTS TO HIDE */ /*------------------------------------*/ ul.dropdown, b.caret, .global-nav ul, .article img.cover, table.browse .icon-info-toggle, .toggle, ul.pager, .euclid-models, ul.secondary, .browse .box-access, .about .image-center, .sidebar-cover, .publisher-logo { display: none; } /* PUBLICATION PAGES */ /*------------------------------------*/ .main-content ul.nav-pills a { margin-bottom: 4px; padding: 3px 6px; } .pub-info { margin-bottom: 0; } .new-articles, .top-downloads { margin-bottom: 0; } .publication .main-content .thirteen.columns { width: 300px; } .publication .main-content .three.columns { width: 100%; } .btn-purchase { float: none; margin-bottom: 0.5em; } .nav-tabs li a { border-radius: 4px; padding: 3px 6px; } .ui-tabs-panel { padding: 10px !important; } .ui-tabs-panel .btn { margin-bottom: 4px; } .main-content .ui-tabs-panel h4 { margin: 0.5em 0; } ul.article-export { float: none; } ul.article-export li { float: none; } .select-deselect { float: none; margin-bottom: 10px; } .article { padding: 10px 0; } .publication-section .article-item { width: 85%; } .publication-section .article .title { font-size: 1em; } .article-nav { float: none; margin-left: 50px; } .article-nav .btn { margin-top: 5px; } .sidebar-box { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .downloads { float: none; width: auto; margin-bottom: 20px; } .box-download { margin-left: 0; } /* MISCELLANEOUS */ /*------------------------------------*/ .box-access { float: none; margin-bottom: 20px; } .box { padding: 10px; margin-bottom: 10px; } .popover { width: 150px; } .modal.fade { top: -800px; } .box-right { float: none; } /* BROWSE LISTS */ /*------------------------------------*/ table.browse th { font-size: 0.675em; } table.browse th.header-access { width: 30%; } table.browse th.header-title { width: 55%; } table.browse td { font-size: 0.875em; } table.browse td i.icon-access-open, table.browse td i.icon-access-partial, table.browse td i.icon-access-closed { margin-left: 0; } table.browse td.cell-title { width: 55%; } table.browse td.cell-format { width: 35%; } /* NAV PILLS */ /*------------------------------------*/ .nav-pills a { margin-bottom: 4px; } /* SEARCH RESULTS AND SEARCH BOX */ /*------------------------------------*/ .search-results .search-options-link { float: none; display: block; margin-bottom: 5px; font-weight: normal; color: #666; } .search-results .box-access { margin-top: 20px; } .mini-search form.standard input.input-search[type="text"] { width: 100%; margin-bottom: 2px; } .main-content ul.nav-content li { font-size: 0.675em; padding: 3px 6px; } .results-sort { float: none; text-align: left; } .results-sort .form-group { display: block; } .result-item .result { width: 80%; } .pagination a { padding: 0 10px; line-height: 1.5em; } /* TOP SEARCH BOX */ /*------------------------------------*/ .search .search-wrapper input { width: 130px; } .nav { width: 97%; } .nav .separator { display: none; } /* RSS */ /*------------------------------------*/ .main-content .rss ul.contents { border-top: 0; } .main-content .rss ul.contents .title { margin-right: 0; display: block; margin-bottom: 3px; } .main-content .rss ul.contents li { padding-bottom: 15px; } .main-content .rss .gutter-nested-plus { padding: 0 20px; } .main-content .rss h3 { margin-top: 1em; } .main-content .rss .alpha ul.contents { margin-bottom: 0; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 481px) and (max-width: 767px) { /* GENERAL LAYOUT AND TYPOGRAPHY */ /*------------------------------------*/ header .container .sixteen.columns { width: 420px; } header .container .eight.columns { float: none; width: auto; } p.institution { float: none; border-right: none; text-align: center; margin-bottom: 5px; font-size: 80%; } h1.title a { float: none; margin: 15px auto; } h2.subtitle { float: none; margin-top: 0; margin-bottom: 15px; display: none; } .global-nav { float: none; } .global-nav ul, ul.dropdown, b.caret, table.browse .icon-info-toggle, .toggle, ul.pager, .euclid-models, ul.secondary, .article img.cover { display: none; } .nav { border-top-right-radius: 0; padding: 5px; } ul#main-nav, ul#main-nav li { width: 100%; } .search { margin: 15px 0; } .search a { font-size: 0.675em; } header .col2 { text-align: center; } .top-downloads .article-item { width: 75%; } .gutter-nested { margin-bottom: 0; padding-bottom: 0; } .new-articles, .top-downloads { margin-bottom: 0; } footer .gplus { text-align: center; } .box-access { float: none; margin-bottom: 20px; } table.browse th.header-access { width: 20%; } table.browse th.header-title { width: 65%; } .publication .main-content .thirteen.columns { width: 420px; } .nav-pills a { margin-bottom: 4px; } ul.article-export, ul.article-export li { float: none; } .select-deselect { float: none; margin-bottom: 10px; } .article { padding: 10px 0; } .publication-section .article-item { width: 90%; } .article-nav .btn { margin-top: 5px; } .publication .main-content .three.columns { width: 100%; } .sidebar-box { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .sidebar-cover, .publisher-logo { display: none; } .top-downloads .article-item { width: 85%; } .main-content .featured-article h4 { font-size: 1em; } .downloads { float: none; width: auto; margin-bottom: 20px; } .box-download { margin-left: 0; } .nav-tabs li a { border-radius: 4px; } .min-height-550 { min-height: 100px; } .min-height-1200 { min-height: 100px; } .publication-section .article .title { font-size: 1em; } .about .four.columns .gutter, .admin .four.columns .gutter { padding: 30px 20px 0 20px; } .nav-about .active a, .nav-about .active a:hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .main-content .rss ul.contents { border-top: 0; } .rss .gutter-nested-plus { padding: 0 20px; } .main-content .rss h3 { margin-top: 1em; } .main-content .rss .alpha ul.contents { margin-bottom: 0; } .rss ul.contents .title { margin-right: 0; display: block; margin-bottom: 10px; } .rss ul.contents li { padding-bottom: 15px; } .search-results .four.columns .gutter { padding-bottom: 0; } .results-sort { float: none; text-align: left; } .results-sort .form-group { display: block; } .result-item .result { width: 80%; } .modal.fade { top: -800px; } .nav .separator { display: none; } .search { margin: 5px 0; } .box-right { float: none; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* HEADER */ /*------------------------------------*/ form.standard input[type="text"].input-search { width: 150px; } ul#main-nav a { padding: 8px 5px; } ul.secondary li { padding: 5px; font-size: 0.75em; } h1.title a { margin-left: 5px; } h2.subtitle { margin-top: 0; float: none; padding-top: 40px; } /* HOME PAGE */ /*------------------------------------*/ .main-content.home .four.columns li { font-size: 0.75em; } .main-content.home .four.columns h3 { font-size: 1em; } .new-articles .article-item { width: 85%; } /* GENERAL LAYOUT AND TYPOGRAPHY */ /*------------------------------------*/ .publication .main-content { /* remove custom sizing and default to skeleton.css */ } .publication .main-content .thirteen.columns { width: 604px; } .publication .main-content .three.columns { width: 160px; } .publication .article-info { width: 70%; } .publication .article-item { width: 80%; } .downloads { float: none; margin-bottom: 20px; width: auto; } .box-download { margin-left: 0; } .main-content ul.nav-tabs li { font-size: 0.75em; } /* PUBLICATIONS */ /*------------------------------------*/ .top-downloads .article-item { width: 80%; } .publisher-logo { max-width: 250px; } /* TOP SEARCH BOX */ /* ---------------------------------------------------------------- */ .search .search-wrapper input { width: 150px; } .nav .separator { margin: 8px 3px 8px 6px; } ul#main-nav a { font-size: .875em; padding: 5px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .modal { width: 100%; margin-left: 0; left: 0; } #more-like-this { width: auto; margin-left: 0; } } /* Smaller than standard 960 (devices and browsers) */ @media (min-width: 980px) and (max-width: 1199px) { .modal.fade.in { top: 0%; } } /* Larger desktops */ @media only screen and (min-width: 1200px) { .search input { width: 300px; } header .container .sixteen.columns { width: 1200px; } /* may want to change default width as well for 960 */ header .container .eight.columns { width: 600px; } h2.subtitle.shibboleth { margin-top: 30px; } .publication .main-content .thirteen.columns { width: 975px; } .publication .main-content .three.columns { width: 225px; } .euclid-models { width: 250px; } /*ul.secondary li.last ul.dropdown {margin-left: 0;}*/ }