diff options
| author | Timothy Pearson <kb9vqf@pearsoncomputing.net> | 2015-10-05 13:46:54 -0500 |
|---|---|---|
| committer | Timothy Pearson <kb9vqf@pearsoncomputing.net> | 2015-10-05 13:46:54 -0500 |
| commit | 5ed01bd42b0aaf222f3b04b611e31b3d0974b6a4 (patch) | |
| tree | e2adf4f018d79bce5853d42cdbda6c05c25955fa /highslide/highslide.css | |
| download | website-core-5ed01bd42b0aaf222f3b04b611e31b3d0974b6a4.tar.gz website-core-5ed01bd42b0aaf222f3b04b611e31b3d0974b6a4.zip | |
Initial import of static files
Diffstat (limited to 'highslide/highslide.css')
| -rw-r--r-- | highslide/highslide.css | 877 |
1 files changed, 877 insertions, 0 deletions
diff --git a/highslide/highslide.css b/highslide/highslide.css new file mode 100644 index 0000000..7adc169 --- /dev/null +++ b/highslide/highslide.css @@ -0,0 +1,877 @@ +
+.highslide-container div {
+ font-family: Verdana, Helvetica;
+ font-size: 10pt;
+}
+.highslide-container table {
+ background: none;
+}
+.highslide {
+ outline: none;
+ text-decoration: none;
+}
+.highslide img {
+/* border: 2px solid silver; */
+ border: none;
+}
+.highslide:hover img {
+ border-color: gray;
+}
+.highslide-active-anchor img {
+ visibility: hidden;
+}
+.highslide-gallery .highslide-active-anchor img {
+ border-color: black;
+ visibility: visible;
+ cursor: default;
+}
+.highslide-image {
+ border-width: 2px;
+ border-style: solid;
+ border-color: white;
+ background: gray;
+}
+.highslide-wrapper, .highslide-outline {
+ background: white;
+}
+.glossy-dark {
+ background: #111;
+}
+
+.highslide-image-blur {
+}
+.highslide-number {
+ font-weight: bold;
+ color: gray;
+ font-size: .9em;
+}
+.highslide-caption {
+ display: none;
+ font-size: 1em;
+ padding: 5px;
+ /*background: white;*/
+}
+.highslide-heading {
+ display: none;
+ font-weight: bold;
+ margin: 0.4em;
+}
+.highslide-dimming {
+ position: absolute;
+ background: black;
+}
+a.highslide-full-expand {
+ background: url(graphics/fullexpand.gif) no-repeat;
+ display: block;
+ margin: 0 10px 10px 0;
+ width: 34px;
+ height: 34px;
+}
+.highslide-loading {
+ display: block;
+ color: black;
+ font-size: 9px;
+ font-weight: bold;
+ text-transform: uppercase;
+ text-decoration: none;
+ padding: 3px;
+ border: 1px solid white;
+ background-color: white;
+ padding-left: 22px;
+ background-image: url(graphics/loader.white.gif);
+ background-repeat: no-repeat;
+ background-position: 3px 1px;
+}
+a.highslide-credits,
+a.highslide-credits i {
+ padding: 2px;
+ color: silver;
+ text-decoration: none;
+ font-size: 10px;
+}
+a.highslide-credits:hover,
+a.highslide-credits:hover i {
+ color: white;
+ background-color: gray;
+}
+.highslide-move, .highslide-move * {
+ cursor: move;
+}
+
+.highslide-viewport {
+ display: none;
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ z-index: 1;
+ background: none;
+ left: 0;
+ top: 0;
+}
+.highslide-overlay {
+ display: none;
+}
+.hidden-container {
+ display: none;
+}
+/* Example of a semitransparent, offset closebutton */
+.closebutton {
+ position: relative;
+ top: -15px;
+ left: 15px;
+ width: 30px;
+ height: 30px;
+ cursor: pointer;
+ background: url(graphics/close.png);
+ /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
+}
+
+/*****************************************************************************/
+/* Thumbnail boxes for the galleries. */
+/* Remove these if you are not using a gallery. */
+/*****************************************************************************/
+.highslide-gallery ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+.highslide-gallery ul li {
+ display: block;
+ position: relative;
+ float: left;
+ width: 106px;
+ height: 106px;
+ border: 1px solid silver;
+ background: #ededed;
+ margin: 2px;
+ line-height: 0;
+ overflow: hidden;
+}
+.highslide-gallery ul a {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+}
+.highslide-gallery ul img {
+ position: relative;
+ top: -50%;
+ left: -50%;
+}
+html>/**/body .highslide-gallery ul li {
+ display: table;
+ text-align: center;
+}
+html>/**/body .highslide-gallery ul li {
+ text-align: center;
+}
+html>/**/body .highslide-gallery ul a {
+ position: static;
+ display: table-cell;
+ vertical-align: middle;
+}
+html>/**/body .highslide-gallery ul img {
+ position: static;
+}
+
+/*****************************************************************************/
+/* Controls for the galleries. */
+/* Remove these if you are not using a gallery */
+/*****************************************************************************/
+.highslide-controls {
+ width: 195px;
+ height: 40px;
+ background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
+ margin: 20px 15px 10px 0;
+}
+.highslide-controls ul {
+ position: relative;
+ left: 15px;
+ height: 40px;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ background: url(graphics/controlbar-white.gif) right -90px no-repeat;
+
+}
+.highslide-controls li {
+ float: left;
+ padding: 5px 0;
+ margin:0;
+}
+.highslide-controls a {
+ background-image: url(graphics/controlbar-white.gif);
+ display: block;
+ float: left;
+ height: 30px;
+ width: 30px;
+ outline: none;
+}
+.highslide-controls a.disabled {
+ cursor: default;
+}
+.highslide-controls a.disabled span {
+ cursor: default;
+}
+.highslide-controls a span {
+ /* hide the text for these graphic buttons */
+ display: none;
+ cursor: pointer;
+}
+
+
+/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
+.highslide-controls .highslide-previous a {
+ background-position: 0 0;
+}
+.highslide-controls .highslide-previous a:hover {
+ background-position: 0 -30px;
+}
+.highslide-controls .highslide-previous a.disabled {
+ background-position: 0 -60px !important;
+}
+.highslide-controls .highslide-play a {
+ background-position: -30px 0;
+}
+.highslide-controls .highslide-play a:hover {
+ background-position: -30px -30px;
+}
+.highslide-controls .highslide-play a.disabled {
+ background-position: -30px -60px !important;
+}
+.highslide-controls .highslide-pause a {
+ background-position: -60px 0;
+}
+.highslide-controls .highslide-pause a:hover {
+ background-position: -60px -30px;
+}
+.highslide-controls .highslide-next a {
+ background-position: -90px 0;
+}
+.highslide-controls .highslide-next a:hover {
+ background-position: -90px -30px;
+}
+.highslide-controls .highslide-next a.disabled {
+ background-position: -90px -60px !important;
+}
+.highslide-controls .highslide-move a {
+ background-position: -120px 0;
+}
+.highslide-controls .highslide-move a:hover {
+ background-position: -120px -30px;
+}
+.highslide-controls .highslide-full-expand a {
+ background-position: -150px 0;
+}
+.highslide-controls .highslide-full-expand a:hover {
+ background-position: -150px -30px;
+}
+.highslide-controls .highslide-full-expand a.disabled {
+ background-position: -150px -60px !important;
+}
+.highslide-controls .highslide-close a {
+ background-position: -180px 0;
+}
+.highslide-controls .highslide-close a:hover {
+ background-position: -180px -30px;
+}
+
+/*****************************************************************************/
+/* Styles for the HTML popups */
+/* Remove these if you are not using Highslide HTML */
+/*****************************************************************************/
+.highslide-maincontent {
+ display: none;
+}
+.highslide-html {
+ background-color: white;
+}
+.highslide-html-content {
+ display: none;
+ width: 400px;
+ padding: 0 5px 5px 5px;
+}
+.highslide-header {
+ padding-bottom: 5px;
+}
+.highslide-header ul {
+ margin: 0;
+ padding: 0;
+ text-align: right;
+}
+.highslide-header ul li {
+ display: inline;
+ padding-left: 1em;
+}
+.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
+ display: none;
+}
+.highslide-header a {
+ font-weight: bold;
+ color: gray;
+ text-transform: uppercase;
+ text-decoration: none;
+}
+.highslide-header a:hover {
+ color: black;
+}
+.highslide-header .highslide-move a {
+ cursor: move;
+}
+.highslide-footer {
+ height: 16px;
+}
+.highslide-footer .highslide-resize {
+ display: block;
+ float: right;
+ margin-top: 5px;
+ height: 11px;
+ width: 11px;
+ background: url(graphics/resize.gif) no-repeat;
+}
+.highslide-footer .highslide-resize span {
+ display: none;
+}
+.highslide-body {
+}
+.highslide-resize {
+ cursor: nw-resize;
+}
+
+/*****************************************************************************/
+/* Styles for the Individual wrapper class names. */
+/* See www.highslide.com/ref/hs.wrapperClassName */
+/* You can safely remove the class name themes you don't use */
+/*****************************************************************************/
+
+/* hs.wrapperClassName = 'draggable-header' */
+.draggable-header .highslide-header {
+ height: 18px;
+ border-bottom: 1px solid #dddddd;
+}
+.draggable-header .highslide-heading {
+ position: absolute;
+ margin: 2px 0.4em;
+}
+
+.draggable-header .highslide-header .highslide-move {
+ cursor: move;
+ display: block;
+ height: 16px;
+ position: absolute;
+ right: 24px;
+ top: 0;
+ width: 100%;
+ z-index: 1;
+}
+.draggable-header .highslide-header .highslide-move * {
+ display: none;
+}
+.draggable-header .highslide-header .highslide-close {
+ position: absolute;
+ right: 2px;
+ top: 2px;
+ z-index: 2;
+ padding: 0;
+}
+.draggable-header .highslide-header .highslide-close a {
+ display: block;
+ height: 16px;
+ width: 16px;
+ background-image: url(graphics/closeX.png);
+}
+.draggable-header .highslide-header .highslide-close a:hover {
+ background-position: 0 16px;
+}
+.draggable-header .highslide-header .highslide-close span {
+ display: none;
+}
+.draggable-header .highslide-maincontent {
+ padding-top: 1em;
+}
+
+/* hs.wrapperClassName = 'titlebar' */
+.titlebar .highslide-header {
+ height: 18px;
+ border-bottom: 1px solid #dddddd;
+}
+.titlebar .highslide-heading {
+ position: absolute;
+ margin: 1px 0.4em;
+ color: #666666;
+}
+
+.titlebar .highslide-header .highslide-move {
+ cursor: move;
+ display: block;
+ height: 16px;
+ position: absolute;
+ right: 24px;
+ top: 0;
+ width: 100%;
+ z-index: 1;
+}
+.titlebar .highslide-header .highslide-move * {
+ display: none;
+}
+.titlebar .highslide-header li {
+ position: relative;
+ top: 3px;
+ z-index: 2;
+ padding: 0 0 0 1em;
+}
+.titlebar .highslide-maincontent {
+ padding-top: 1em;
+}
+
+/* hs.wrapperClassName = 'no-footer' */
+.no-footer .highslide-footer {
+ display: none;
+}
+
+/* hs.wrapperClassName = 'wide-border' */
+.wide-border {
+ background: white;
+}
+.wide-border .highslide-image {
+ border-width: 10px;
+}
+.wide-border .highslide-caption {
+ padding: 0 10px 10px 10px;
+}
+
+/* hs.wrapperClassName = 'borderless' */
+.borderless .highslide-image {
+ border: none;
+}
+.borderless .highslide-caption {
+ border-bottom: 1px solid white;
+ border-top: 1px solid white;
+ background: silver;
+}
+
+/* hs.wrapperClassName = 'outer-glow' */
+.outer-glow {
+ background: #444;
+}
+.outer-glow .highslide-image {
+ border: 5px solid #444444;
+}
+.outer-glow .highslide-caption {
+ border: 5px solid #444444;
+ border-top: none;
+ padding: 5px;
+ background-color: gray;
+}
+
+/* hs.wrapperClassName = 'colored-border' */
+.colored-border {
+ background: white;
+}
+.colored-border .highslide-image {
+ border: 2px solid green;
+}
+.colored-border .highslide-caption {
+ border: 2px solid green;
+ border-top: none;
+}
+
+/* hs.wrapperClassName = 'dark' */
+.dark {
+ background: #111;
+}
+.dark .highslide-image {
+ border-color: black black #202020 black;
+ background: gray;
+}
+.dark .highslide-caption {
+ color: white;
+ background: #111;
+}
+.dark .highslide-controls,
+.dark .highslide-controls ul,
+.dark .highslide-controls a {
+ background-image: url(graphics/controlbar-black-border.gif);
+}
+
+/* hs.wrapperClassName = 'floating-caption' */
+.floating-caption .highslide-caption {
+ position: absolute;
+ padding: 1em 0 0 0;
+ background: none;
+ color: white;
+ border: none;
+ font-weight: bold;
+}
+
+/* hs.wrapperClassName = 'controls-in-heading' */
+.controls-in-heading .highslide-heading {
+ color: gray;
+ font-weight: bold;
+ height: 20px;
+ overflow: hidden;
+ cursor: default;
+ padding: 0 0 0 22px;
+ margin: 0;
+ background: url(graphics/icon.gif) no-repeat 0 1px;
+}
+.controls-in-heading .highslide-controls {
+ width: 105px;
+ height: 20px;
+ position: relative;
+ margin: 0;
+ top: -23px;
+ left: 7px;
+ background: none;
+}
+.controls-in-heading .highslide-controls ul {
+ position: static;
+ height: 20px;
+ background: none;
+}
+.controls-in-heading .highslide-controls li {
+ padding: 0;
+}
+.controls-in-heading .highslide-controls a {
+ background-image: url(graphics/controlbar-white-small.gif);
+ height: 20px;
+ width: 20px;
+}
+
+.controls-in-heading .highslide-controls .highslide-move {
+ display: none;
+}
+
+.controls-in-heading .highslide-controls .highslide-previous a {
+ background-position: 0 0;
+}
+.controls-in-heading .highslide-controls .highslide-previous a:hover {
+ background-position: 0 -20px;
+}
+.controls-in-heading .highslide-controls .highslide-previous a.disabled {
+ background-position: 0 -40px !important;
+}
+.controls-in-heading .highslide-controls .highslide-play a {
+ background-position: -20px 0;
+}
+.controls-in-heading .highslide-controls .highslide-play a:hover {
+ background-position: -20px -20px;
+}
+.controls-in-heading .highslide-controls .highslide-play a.disabled {
+ background-position: -20px -40px !important;
+}
+.controls-in-heading .highslide-controls .highslide-pause a {
+ background-position: -40px 0;
+}
+.controls-in-heading .highslide-controls .highslide-pause a:hover {
+ background-position: -40px -20px;
+}
+.controls-in-heading .highslide-controls .highslide-next a {
+ background-position: -60px 0;
+}
+.controls-in-heading .highslide-controls .highslide-next a:hover {
+ background-position: -60px -20px;
+}
+.controls-in-heading .highslide-controls .highslide-next a.disabled {
+ background-position: -60px -40px !important;
+}
+.controls-in-heading .highslide-controls .highslide-full-expand a {
+ background-position: -100px 0;
+}
+.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
+ background-position: -100px -20px;
+}
+.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
+ background-position: -100px -40px !important;
+}
+.controls-in-heading .highslide-controls .highslide-close a {
+ background-position: -120px 0;
+}
+.controls-in-heading .highslide-controls .highslide-close a:hover {
+ background-position: -120px -20px;
+}
+
+/*****************************************************************************/
+/* Styles for text based controls. */
+/* You can safely remove this if you don't use text based controls */
+/*****************************************************************************/
+
+.text-controls .highslide-controls {
+ width: auto;
+ height: auto;
+ margin: 0;
+ text-align: center;
+ background: none;
+}
+.text-controls ul {
+ position: static;
+ background: none;
+ height: auto;
+ left: 0;
+}
+.text-controls .highslide-move {
+ display: none;
+}
+.text-controls li {
+ background-image: url(graphics/controlbar-text-buttons.png);
+ background-position: right top !important;
+ padding: 0;
+ margin-left: 15px;
+ display: block;
+ width: auto;
+}
+.text-controls a {
+ background: url(graphics/controlbar-text-buttons.png) no-repeat;
+ background-position: left top !important;
+ position: relative;
+ left: -10px;
+ display: block;
+ width: auto;
+ height: auto;
+ text-decoration: none !important;
+}
+.text-controls a span {
+ background: url(graphics/controlbar-text-buttons.png) no-repeat;
+ margin: 1px 2px 1px 10px;
+ display: block;
+ min-width: 4em;
+ height: 18px;
+ line-height: 18px;
+ padding: 1px 0 1px 18px;
+ color: #333;
+ font-family: "Trebuchet MS", Arial, sans-serif;
+ font-size: 12px;
+ font-weight: bold;
+ white-space: nowrap;
+}
+.text-controls .highslide-next {
+ margin-right: 1em;
+}
+.text-controls .highslide-full-expand a span {
+ min-width: 0;
+ margin: 1px 0;
+ padding: 1px 0 1px 10px;
+}
+.text-controls .highslide-close a span {
+ min-width: 0;
+}
+.text-controls a:hover span {
+ color: black;
+}
+.text-controls a.disabled span {
+ color: #999;
+}
+
+.text-controls .highslide-previous span {
+ background-position: 0 -40px;
+}
+.text-controls .highslide-previous a.disabled {
+ background-position: left top !important;
+}
+.text-controls .highslide-previous a.disabled span {
+ background-position: 0 -140px;
+}
+.text-controls .highslide-play span {
+ background-position: 0 -60px;
+}
+.text-controls .highslide-play a.disabled {
+ background-position: left top !important;
+}
+.text-controls .highslide-play a.disabled span {
+ background-position: 0 -160px;
+}
+.text-controls .highslide-pause span {
+ background-position: 0 -80px;
+}
+.text-controls .highslide-next span {
+ background-position: 0 -100px;
+}
+.text-controls .highslide-next a.disabled {
+ background-position: left top !important;
+}
+.text-controls .highslide-next a.disabled span {
+ background-position: 0 -200px;
+}
+.text-controls .highslide-full-expand span {
+ background: none;
+}
+.text-controls .highslide-full-expand a.disabled {
+ background-position: left top !important;
+}
+.text-controls .highslide-close span {
+ background-position: 0 -120px;
+}
+
+
+/*****************************************************************************/
+/* Styles for the thumbstrip. */
+/* See www.highslide.com/ref/hs.addSlideshow */
+/* You can safely remove this if you don't use a thumbstrip */
+/*****************************************************************************/
+
+.highslide-thumbstrip {
+ height: 100%;
+}
+.highslide-thumbstrip div {
+ overflow: hidden;
+}
+.highslide-thumbstrip table {
+ position: relative;
+ padding: 0;
+ border-collapse: collapse;
+}
+.highslide-thumbstrip td {
+ padding: 1px;
+ /*text-align: center;*/
+}
+.highslide-thumbstrip a {
+ outline: none;
+}
+.highslide-thumbstrip img {
+ display: block;
+ border: 1px solid gray;
+ margin: 0 auto;
+}
+.highslide-thumbstrip .highslide-active-anchor img {
+ visibility: visible;
+}
+.highslide-thumbstrip .highslide-marker {
+ position: absolute;
+ width: 0;
+ height: 0;
+ border-width: 0;
+ border-style: solid;
+ border-color: transparent; /* change this to actual background color in highslide-ie6.css */
+}
+.highslide-thumbstrip-horizontal div {
+ width: auto;
+ /* width: 100% breaks in small strips in IE */
+}
+.highslide-thumbstrip-horizontal .highslide-scroll-up {
+ display: none;
+ position: absolute;
+ top: 3px;
+ left: 3px;
+ width: 25px;
+ height: 42px;
+}
+.highslide-thumbstrip-horizontal .highslide-scroll-up div {
+ margin-bottom: 10px;
+ cursor: pointer;
+ background: url(graphics/scrollarrows.png) left center no-repeat;
+ height: 42px;
+}
+.highslide-thumbstrip-horizontal .highslide-scroll-down {
+ display: none;
+ position: absolute;
+ top: 3px;
+ right: 3px;
+ width: 25px;
+ height: 42px;
+}
+.highslide-thumbstrip-horizontal .highslide-scroll-down div {
+ margin-bottom: 10px;
+ cursor: pointer;
+ background: url(graphics/scrollarrows.png) center right no-repeat;
+ height: 42px;
+}
+.highslide-thumbstrip-horizontal table {
+ margin: 2px 0 10px 0;
+}
+.highslide-viewport .highslide-thumbstrip-horizontal table {
+ margin-left: 10px;
+}
+.highslide-thumbstrip-horizontal img {
+ width: auto;
+ height: 40px;
+}
+.highslide-thumbstrip-horizontal .highslide-marker {
+ top: 47px;
+ border-left-width: 6px;
+ border-right-width: 6px;
+ border-bottom: 6px solid gray;
+}
+.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
+ margin-left: 10px;
+}
+.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
+ border-bottom-color: white !important;
+}
+.highslide-thumbstrip-vertical div {
+ height: 100%;
+}
+.highslide-thumbstrip-vertical a {
+ display: block;
+}
+.highslide-thumbstrip-vertical .highslide-scroll-up {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 25px;
+}
+.highslide-thumbstrip-vertical .highslide-scroll-up div {
+ margin-left: 10px;
+ cursor: pointer;
+ background: url(graphics/scrollarrows.png) top center no-repeat;
+ height: 25px;
+}
+.highslide-thumbstrip-vertical .highslide-scroll-down {
+ display: none;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 25px;
+}
+.highslide-thumbstrip-vertical .highslide-scroll-down div {
+ margin-left: 10px;
+ cursor: pointer;
+ background: url(graphics/scrollarrows.png) bottom center no-repeat;
+ height: 25px;
+}
+.highslide-thumbstrip-vertical table {
+ margin: 10px 0 0 10px;
+}
+.highslide-thumbstrip-vertical img {
+ max-width: 60px;
+}
+.highslide-thumbstrip-vertical .highslide-marker {
+ left: 0;
+ margin-top: 8px;
+ border-top-width: 6px;
+ border-bottom-width: 6px;
+ border-left: 6px solid gray;
+}
+.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
+ border-left-color: white;
+}
+
+.highslide-viewport .highslide-thumbstrip-float {
+ overflow: auto;
+}
+.highslide-thumbstrip-float ul {
+ margin: 2px 0;
+ padding: 0;
+}
+.highslide-thumbstrip-float li {
+ display: block;
+ height: 60px;
+ margin: 0 2px;
+ list-style: none;
+ float: left;
+}
+.highslide-thumbstrip-float img {
+ display: inline;
+ border-color: silver;
+ max-height: 56px;
+}
+.highslide-thumbstrip-float .highslide-active-anchor img {
+ border-color: black;
+}
+.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
+ display: none;
+}
+.highslide-thumbstrip-float .highslide-marker {
+ display: none;
+}
\ No newline at end of file |