1/** 2 * SciAnimator - Scientific Image Animator Plugin for jQuery 3 * 4 * Copyright (c) 2010 Brent Ertz 5 * Released under the MIT license. 6 * http://github.com/brentertz/scianimator 7*/ 8 9/* Comment out @imports for themes not in use */ 10@import url('scianimator.light.css'); 11@import url('scianimator.dark.css'); 12@import url('scianimator.blue.css'); 13 14.scianimator { 15 font-family: 'Lucida Grande', sans-serif; 16 font-size: 12px; 17 text-align: center; 18 margin: auto auto 1em auto; 19 position: relative; 20} 21.scianimator .controls, 22.scianimator .control { 23 border: 1px solid; 24 border-radius: 4px; 25 -moz-border-radius: 4px; 26 font-family: 'Lucida Grande', sans-serif; 27 font-size: 10px; 28 text-shadow: 0 1px #fff; 29 margin: 2px; 30 position: relative; 31} 32.scianimator .controls { 33 margin: 0; 34 padding: 4px; 35 position: relative; 36} 37.scianimator a, 38.scianimator a:visited { 39 cursor: pointer; 40 display: inline-block; 41 padding: 5px 10px; 42 text-decoration: none; 43} 44.scianimator a.small, 45.scianimator a:visited.small { 46 padding: 1px 2px; 47} 48.scianimator a:active { 49 top: 1px; 50} 51.scianimator select.control, 52.scianimator label { 53 margin: 1px; 54 vertical-align: middle; 55} 56.scianimator .control.box { 57 padding: 1px 5px; 58 display: inline-block; 59 vertical-align: top; 60} 61.scianimator .control.box .control { 62 margin-left: 0; 63 margin-right: 0; 64} 65 66.scianimator .box.control.navigator { 67 padding: 2px; 68} 69 70.scianimator .box a.control.navigator, 71.scianimator .box a:hover.control.navigator { 72 display: inline-block; 73 height: 10px; 74 margin: 2px; 75 padding: 0; 76 width: 10px; 77 78 background: #00FF00; 79 box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px #00FF00; 80 -o-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px #00FF00; 81 -webkit-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px #00FF00; 82 -moz-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px #00FF00; 83} 84.scianimator .box a.navigator.disabled, 85.scianimator .box a:hover.navigator.disabled { 86 background: red; 87 box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px red; 88 -o-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px red; 89 -webkit-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px red; 90 -moz-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px red; 91} 92.scianimator .box a.navigator.current, 93.scianimator .box a:hover.navigator.current { 94 background: blue; 95 box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px blue; 96 -o-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px blue; 97 -webkit-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px blue; 98 -moz-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px blue; 99} 100 101.scianimator .status { 102 background: red; 103 color: #fff; 104 right: 0; 105 padding: 5px; 106 position: absolute; 107 top: 0; 108}