657 lines
10 KiB
CSS
657 lines
10 KiB
CSS
div.kolorBoxContainer
|
|
{
|
|
position: relative;
|
|
}
|
|
|
|
div.kolorBox
|
|
{
|
|
position: absolute;
|
|
z-index: 1;
|
|
background-color: #1c94c4;
|
|
background-clip: padding-box;
|
|
min-width: 100px;
|
|
cursor: auto;
|
|
}
|
|
|
|
div.kolorBoxHeader
|
|
{
|
|
height: 75px;
|
|
overflow: hidden;
|
|
min-width: 100px;
|
|
}
|
|
|
|
div.kolorBoxBody
|
|
{
|
|
min-width: 100px;
|
|
}
|
|
|
|
div.kolorBoxBodyLeft
|
|
{
|
|
float: left;
|
|
width: 200px;
|
|
text-align: justify;
|
|
overflow: hidden;
|
|
}
|
|
|
|
div.kolorBoxBodyCenter
|
|
{
|
|
position: relative;
|
|
float: left;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
}
|
|
|
|
div.kolorBoxBodyCenter.loading
|
|
{
|
|
background: url(images/sablier.png) no-repeat center center;
|
|
}
|
|
|
|
div.kolorBoxBodyCenter p.kolorBoxBodyCenterLeftArrow
|
|
{
|
|
position: absolute;
|
|
left: 0;
|
|
display: none;
|
|
background: url(images/btn_previous.png) no-repeat;
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
|
|
div.kolorBoxBodyCenter p.kolorBoxBodyCenterRightArrow
|
|
{
|
|
position: absolute;
|
|
right: 0;
|
|
display: none;
|
|
background: url(images/btn_next.png) no-repeat;
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
|
|
div.kolorBoxBodyRight
|
|
{
|
|
float: left;
|
|
width: 200px;
|
|
text-align: justify;
|
|
overflow: hidden;
|
|
}
|
|
|
|
div.kolorBoxFooter
|
|
{
|
|
clear: both;
|
|
height: 75px;
|
|
overflow: hidden;
|
|
min-width: 100px;
|
|
}
|
|
|
|
p.kolorBoxTitle
|
|
{
|
|
margin: auto;
|
|
padding: 0;
|
|
text-align: center;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
pointer-events: none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
p.kolorBoxCaption
|
|
{
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: auto;
|
|
height: 100%;
|
|
}
|
|
|
|
/* ----------------------------------
|
|
Overlay
|
|
----------------------------------- */
|
|
|
|
div.kolorBoxOverlay
|
|
{
|
|
position: absolute;
|
|
z-index: 0;
|
|
opacity: 1;
|
|
background-color: #000;
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
|
|
/* ----------------------------------
|
|
Navigation
|
|
----------------------------------- */
|
|
|
|
div.kolorBoxTopUIBar,
|
|
div.kolorBoxBottomUIBar
|
|
{
|
|
position: relative;
|
|
clear: both;
|
|
width: 100%;
|
|
height: 32px;
|
|
overflow: hidden;
|
|
min-width: 100px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
div.leftUIPlaceHolder
|
|
{
|
|
display: inline-block;
|
|
text-align: left;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
height: 32px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
div.centerUIPlaceHolder
|
|
{
|
|
display: inline-block;
|
|
width: 100%;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
height: 32px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
div.rightUIPlaceHolder
|
|
{
|
|
display: inline-block;
|
|
text-align: right;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
float: right;
|
|
height: 32px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
div.kolorBoxNavigation
|
|
{
|
|
height: 32px;
|
|
width: 124px;
|
|
display: inline-block;
|
|
}
|
|
|
|
span.counterSpan
|
|
{
|
|
display: inline-block;
|
|
width: 60px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
color: #666;
|
|
font-family: Verdana, Geneva, sans-serif;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
}
|
|
|
|
a.playPauseBtn,
|
|
a.previousBtn,
|
|
a.nextBtn,
|
|
a.closeBtn,
|
|
a.fullscreenBtn
|
|
{
|
|
display: inline-block;
|
|
width: 32px;
|
|
height: 32px;
|
|
overflow: hidden;
|
|
text-indent: -9999px;
|
|
cursor: pointer;
|
|
background-position: top;
|
|
}
|
|
|
|
a.playPauseBtn:hover,
|
|
a.previousBtn:hover,
|
|
a.nextBtn:hover,
|
|
a.closeBtn:hover,
|
|
a.fullscreenBtn:hover
|
|
{
|
|
background-position: bottom;
|
|
}
|
|
|
|
a.previousBtn
|
|
{
|
|
background: url(images/btn_previous.png) no-repeat;
|
|
}
|
|
|
|
a.nextBtn
|
|
{
|
|
background: url(images/btn_next.png) no-repeat;
|
|
}
|
|
|
|
a.playBtn
|
|
{
|
|
background: url(images/btn_play.png) no-repeat;
|
|
}
|
|
|
|
a.pauseBtn
|
|
{
|
|
background: url(images/btn_pause.png) no-repeat;
|
|
}
|
|
|
|
a.closeBtn
|
|
{
|
|
background: url(images/btn_close.png) no-repeat;
|
|
}
|
|
|
|
a.enterFullscreenBtn
|
|
{
|
|
background: url(images/btn_fullscreen.png) no-repeat;
|
|
}
|
|
|
|
a.exitFullscreenBtn
|
|
{
|
|
background: url(images/btn_fullscreen_exit.png) no-repeat;
|
|
}
|
|
|
|
/* ----------------------------------
|
|
Social buttons
|
|
----------------------------------- */
|
|
|
|
a.socialButton
|
|
{
|
|
display:block;
|
|
float:left;
|
|
text-indent: -99999px;
|
|
width:64px;
|
|
height:64px;
|
|
overflow: hidden;
|
|
margin:5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
a.socialButton.iconset0:hover, a.socialButton.iconset1:hover, a.socialButton.iconset2:hover, a.socialButton.iconset3:hover, a.socialButton.iconset4:hover
|
|
{
|
|
background-position: bottom;
|
|
}
|
|
|
|
a.socialButton.iconset0
|
|
{
|
|
background-size: 100% 200%;
|
|
}
|
|
|
|
a.socialFacebook.iconset0
|
|
{
|
|
background: url("images/iconset0/social_facebook.png") top;
|
|
}
|
|
|
|
a.socialTwitter.iconset0
|
|
{
|
|
background: url("images/iconset0/social_twitter.png") top;
|
|
}
|
|
|
|
a.socialGoogle.iconset0
|
|
{
|
|
background: url("images/iconset0/social_google.png") top;
|
|
}
|
|
|
|
a.socialLinkedin.iconset0
|
|
{
|
|
background: url("images/iconset0/social_linkedin.png") top;
|
|
}
|
|
|
|
a.socialDigg.iconset0
|
|
{
|
|
background: url("images/iconset0/social_digg.png") top;
|
|
}
|
|
|
|
a.socialTumblr.iconset0
|
|
{
|
|
background: url("images/iconset0/social_tumblr.png") top;
|
|
}
|
|
|
|
a.socialReddit.iconset0
|
|
{
|
|
background: url("images/iconset0/social_reddit.png") top;
|
|
}
|
|
|
|
a.socialStumbleUpon.iconset0
|
|
{
|
|
background: url("images/iconset0/social_stumbleupon.png") top;
|
|
}
|
|
|
|
a.socialDelicious.iconset0
|
|
{
|
|
background: url("images/iconset0/social_delicious.png") top;
|
|
}
|
|
|
|
a.socialPinterest.iconset0
|
|
{
|
|
background: url("images/iconset0/social_pinterest.png") top;
|
|
}
|
|
|
|
a.socialVkontakte.iconset0
|
|
{
|
|
background: url("images/iconset0/social_vkontakte.png") top;
|
|
}
|
|
|
|
a.socialLine.iconset0
|
|
{
|
|
background: url("images/iconset0/social_line.png") top;
|
|
}
|
|
|
|
a.socialMail.iconset0
|
|
{
|
|
background: url("images/iconset0/social_mail.png") top;
|
|
}
|
|
|
|
a.socialButton.iconset1
|
|
{
|
|
background-size: 100%;
|
|
}
|
|
|
|
a.socialFacebook.iconset1
|
|
{
|
|
background: url("images/iconset1/social_facebook.png") top;
|
|
}
|
|
|
|
a.socialTwitter.iconset1
|
|
{
|
|
background: url("images/iconset1/social_twitter.png") top;
|
|
}
|
|
|
|
a.socialGoogle.iconset1
|
|
{
|
|
background: url("images/iconset1/social_google.png") top;
|
|
}
|
|
|
|
a.socialLinkedin.iconset1
|
|
{
|
|
background: url("images/iconset1/social_linkedin.png") top;
|
|
}
|
|
|
|
a.socialDigg.iconset1
|
|
{
|
|
background: url("images/iconset1/social_digg.png") top;
|
|
}
|
|
|
|
a.socialTumblr.iconset1
|
|
{
|
|
background: url("images/iconset1/social_tumblr.png") top;
|
|
}
|
|
|
|
a.socialReddit.iconset1
|
|
{
|
|
background: url("images/iconset1/social_reddit.png") top;
|
|
}
|
|
|
|
a.socialStumbleUpon.iconset1
|
|
{
|
|
background: url("images/iconset1/social_stumbleupon.png") top;
|
|
}
|
|
|
|
a.socialDelicious.iconset1
|
|
{
|
|
background: url("images/iconset1/social_delicious.png") top;
|
|
}
|
|
|
|
a.socialPinterest.iconset1
|
|
{
|
|
background: url("images/iconset1/social_pinterest.png") top;
|
|
}
|
|
|
|
a.socialVkontakte.iconset1
|
|
{
|
|
background: url("images/iconset1/social_vkontakte.png") top;
|
|
}
|
|
|
|
a.socialLine.iconset1
|
|
{
|
|
background: url("images/iconset1/social_line.png") top;
|
|
}
|
|
|
|
a.socialMail.iconset1
|
|
{
|
|
background: url("images/iconset1/social_mail.png") top;
|
|
}
|
|
|
|
a.socialButton.iconset2
|
|
{
|
|
background-size: 100%;
|
|
}
|
|
|
|
a.socialFacebook.iconset2
|
|
{
|
|
background: url("images/iconset2/social_facebook.png") top;
|
|
}
|
|
|
|
a.socialTwitter.iconset2
|
|
{
|
|
background: url("images/iconset2/social_twitter.png") top;
|
|
}
|
|
|
|
a.socialGoogle.iconset2
|
|
{
|
|
background: url("images/iconset2/social_google.png") top;
|
|
}
|
|
|
|
a.socialLinkedin.iconset2
|
|
{
|
|
background: url("images/iconset2/social_linkedin.png") top;
|
|
}
|
|
|
|
a.socialDigg.iconset2
|
|
{
|
|
background: url("images/iconset2/social_digg.png") top;
|
|
}
|
|
|
|
a.socialTumblr.iconset2
|
|
{
|
|
background: url("images/iconset2/social_tumblr.png") top;
|
|
}
|
|
|
|
a.socialReddit.iconset2
|
|
{
|
|
background: url("images/iconset2/social_reddit.png") top;
|
|
}
|
|
|
|
a.socialStumbleUpon.iconset2
|
|
{
|
|
background: url("images/iconset2/social_stumbleupon.png") top;
|
|
}
|
|
|
|
a.socialDelicious.iconset2
|
|
{
|
|
background: url("images/iconset2/social_delicious.png") top;
|
|
}
|
|
|
|
a.socialPinterest.iconset2
|
|
{
|
|
background: url("images/iconset2/social_pinterest.png") top;
|
|
}
|
|
|
|
a.socialVkontakte.iconset2
|
|
{
|
|
background: url("images/iconset2/social_vkontakte.png") top;
|
|
}
|
|
|
|
a.socialLine.iconset2
|
|
{
|
|
background: url("images/iconset2/social_line.png") top;
|
|
}
|
|
|
|
a.socialMail.iconset2
|
|
{
|
|
background: url("images/iconset2/social_mail.png") top;
|
|
}
|
|
|
|
a.socialButton.iconset3
|
|
{
|
|
background-size: 100%;
|
|
}
|
|
|
|
a.socialFacebook.iconset3
|
|
{
|
|
background: url("images/iconset3/social_facebook.png") top;
|
|
}
|
|
|
|
a.socialTwitter.iconset3
|
|
{
|
|
background: url("images/iconset3/social_twitter.png") top;
|
|
}
|
|
|
|
a.socialGoogle.iconset3
|
|
{
|
|
background: url("images/iconset3/social_google.png") top;
|
|
}
|
|
|
|
a.socialLinkedin.iconset3
|
|
{
|
|
background: url("images/iconset3/social_linkedin.png") top;
|
|
}
|
|
|
|
a.socialDigg.iconset3
|
|
{
|
|
background: url("images/iconset3/social_digg.png") top;
|
|
}
|
|
|
|
a.socialTumblr.iconset3
|
|
{
|
|
background: url("images/iconset3/social_tumblr.png") top;
|
|
}
|
|
|
|
a.socialReddit.iconset3
|
|
{
|
|
background: url("images/iconset3/social_reddit.png") top;
|
|
}
|
|
|
|
a.socialStumbleUpon.iconset3
|
|
{
|
|
background: url("images/iconset3/social_stumbleupon.png") top;
|
|
}
|
|
|
|
a.socialDelicious.iconset3
|
|
{
|
|
background: url("images/iconset3/social_delicious.png") top;
|
|
}
|
|
|
|
a.socialPinterest.iconset3
|
|
{
|
|
background: url("images/iconset3/social_pinterest.png") top;
|
|
}
|
|
|
|
a.socialVkontakte.iconset3
|
|
{
|
|
background: url("images/iconset3/social_vkontakte.png") top;
|
|
}
|
|
|
|
a.socialLine.iconset3
|
|
{
|
|
background: url("images/iconset3/social_line.png") top;
|
|
}
|
|
|
|
a.socialMail.iconset3
|
|
{
|
|
background: url("images/iconset3/social_mail.png") top;
|
|
}
|
|
|
|
a.socialButton.iconset4
|
|
{
|
|
background-size: 100%;
|
|
}
|
|
|
|
a.socialFacebook.iconset4
|
|
{
|
|
background: url("images/iconset4/social_facebook.png") top;
|
|
}
|
|
|
|
a.socialTwitter.iconset4
|
|
{
|
|
background: url("images/iconset4/social_twitter.png") top;
|
|
}
|
|
|
|
a.socialGoogle.iconset4
|
|
{
|
|
background: url("images/iconset4/social_google.png") top;
|
|
}
|
|
|
|
a.socialLinkedin.iconset4
|
|
{
|
|
background: url("images/iconset4/social_linkedin.png") top;
|
|
}
|
|
|
|
a.socialDigg.iconset4
|
|
{
|
|
background: url("images/iconset4/social_digg.png") top;
|
|
}
|
|
|
|
a.socialTumblr.iconset4
|
|
{
|
|
background: url("images/iconset4/social_tumblr.png") top;
|
|
}
|
|
|
|
a.socialReddit.iconset4
|
|
{
|
|
background: url("images/iconset4/social_reddit.png") top;
|
|
}
|
|
|
|
a.socialStumbleUpon.iconset4
|
|
{
|
|
background: url("images/iconset4/social_stumbleupon.png") top;
|
|
}
|
|
|
|
a.socialDelicious.iconset4
|
|
{
|
|
background: url("images/iconset4/social_delicious.png") top;
|
|
}
|
|
|
|
a.socialPinterest.iconset4
|
|
{
|
|
background: url("images/iconset4/social_pinterest.png") top;
|
|
}
|
|
|
|
a.socialVkontakte.iconset4
|
|
{
|
|
background: url("images/iconset4/social_vkontakte.png") top;
|
|
}
|
|
|
|
a.socialLine.iconset4
|
|
{
|
|
background: url("images/iconset4/social_line.png") top;
|
|
}
|
|
|
|
a.socialMail.iconset4
|
|
{
|
|
background: url("images/iconset4/social_mail.png") top;
|
|
}
|
|
|
|
div.socialEmbed
|
|
{
|
|
display: inline-block;
|
|
text-align: left;
|
|
}
|
|
|
|
div.socialEmbed .socialEmbedText
|
|
{
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin: 0 0 5px;
|
|
}
|
|
|
|
div.socialEmbed input
|
|
{
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
appearance: none;
|
|
border-radius: none;
|
|
border: solid 1px #dcdcdc;
|
|
}
|
|
|
|
div.socialEmbed input.socialEmbedInput
|
|
{
|
|
margin: 0 0 5px;
|
|
padding: 4px;
|
|
font-family: sans-serif;
|
|
font-size: 13px;
|
|
}
|
|
|
|
div.socialEmbed input.socialEmbedInputWidth, div.socialEmbed input.socialEmbedInputHeight
|
|
{
|
|
margin: 0 5px 0 0;
|
|
width: 25px;
|
|
padding: 2px;
|
|
font-family: sans-serif;
|
|
font-size: 11px;
|
|
}
|
|
|
|
div.socialEmbed label
|
|
{
|
|
margin: 0 5px 0 0;
|
|
} |