Файл: apwa/gallery/plugins/highslide/highslide.css
Строк: 732
/**
* @file: highslide.css
* @version: 4.1.13
*/
.highslide-container div
{
font-family: Verdana, Helvetica;
font-size:
10pt;
}
.highslide-container table {
background: none;
table-layout:
auto;
}
.highslide {
outline: none;
text-decoration: none;
}
.highslide
img {
border: 2px solid silver;
}
.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;
}
.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;
padding: 0;
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;
list-style: none;
}
.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;
}
.mobile
.highslide-html {
border: 1px solid silver;
}
.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: 5;
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;
width:
90%;
margin: 1px 0 1px 5px;
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%;
direction: ltr;
}
.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-overlay {
overflow: hidden
!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 {
width: 60px; /* t=5481
*/
}
.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;
}
/*****************************************************************************/
/*
The following styles are added by the Highslide Editor
*/
/*****************************************************************************/
.highslide-wrapper,
.highslide-outline {
background: #FFFFFF;
}
.highslide img {
border: 1px
solid #D0D0D0;
}
.highslide:hover img {
border-color:
#A0A0A0;
}
.highslide-active-anchor img {
visibility:
visible;
border-color: #808080 !important;
}
.highslide-image {
border:
2px solid #FFFFFF;
}
.highslide-loading {
color: black;
border: 1px solid
black;
background-color: white;
background-image:
url(graphics/loader.white.gif);
}
.highslide-controls {
position: static
!important;
margin-bottom: 0;
width: 195px
!important;
}
.highslide-gallery ul li {
width: 106px;
height:
106px;
border: 1px solid #D0D0D0;
background: #EDEDED;
margin: 2px;
}