Last active
August 29, 2015 14:00
-
-
Save benbonnet/11286151 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.fancybox-wrap, | |
.fancybox-skin, | |
.fancybox-outer, | |
.fancybox-inner, | |
.fancybox-image, | |
.fancybox-wrap iframe, | |
.fancybox-wrap object, | |
.fancybox-nav, | |
.fancybox-nav span, | |
.fancybox-tmp { | |
padding: 0; | |
margin: 0; | |
border: 0; | |
outline: none; | |
vertical-align: top; | |
} | |
.fancybox-wrap { | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 8020; | |
} | |
.fancybox-skin { | |
position: relative; | |
background: #000; | |
color: #444; | |
text-shadow: none; | |
-webkit-border-radius: 0px; | |
-moz-border-radius: 0px; | |
border-radius: 0px; | |
} | |
.fancybox-opened { | |
z-index: 8030; | |
} | |
.fancybox-opened .fancybox-skin { | |
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); | |
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); | |
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); | |
} | |
.fancybox-outer, .fancybox-inner { | |
position: relative; | |
} | |
.fancybox-inner { | |
overflow: hidden; | |
} | |
.fancybox-type-iframe .fancybox-inner { | |
-webkit-overflow-scrolling: touch; | |
} | |
.fancybox-error { | |
color: #444; | |
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; | |
margin: 0; | |
padding: 15px; | |
white-space: nowrap; | |
} | |
.fancybox-image, .fancybox-iframe { | |
display: block; | |
width: 100%; | |
height: 100%; | |
} | |
.fancybox-image { | |
max-width: 100%; | |
max-height: 100%; | |
} | |
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { | |
background-image: url(/assets/fancybox/fancybox_sprite.png); | |
} | |
#fancybox-loading { | |
position: fixed; | |
top: 50%; | |
left: 50%; | |
margin-top: -22px; | |
margin-left: -22px; | |
background-position: 0 -108px; | |
opacity: 0.8; | |
cursor: pointer; | |
z-index: 8060; | |
} | |
#fancybox-loading div { | |
width: 44px; | |
height: 44px; | |
background: url(/assets/fancybox/fancybox_loading.gif) center center no-repeat; | |
} | |
.fancybox-skin > .fancybox-close { | |
position: absolute; | |
top: 0px; | |
right: -48px; | |
width: 51px; | |
height: 14px; | |
cursor: pointer; | |
z-index: 8040; | |
background-image: url(/images/back_btn.png); | |
background-size: cover; | |
background-repeat: no-repeat; | |
} | |
.fancybox-nav { | |
position: absolute; | |
top: 0; | |
width: 40%; | |
height: 100%; | |
cursor: pointer; | |
text-decoration: none; | |
background: transparent url(/assets/fancybox/blank.gif); | |
/* helps IE */ | |
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
z-index: 8040; | |
} | |
.fancybox-prev { | |
left: 0; | |
} | |
.fancybox-next { | |
right: 0; | |
} | |
.fancybox-nav span { | |
position: absolute; | |
top: 50%; | |
width: 36px; | |
height: 34px; | |
margin-top: -18px; | |
cursor: pointer; | |
z-index: 8040; | |
visibility: hidden; | |
} | |
.fancybox-outer .fancybox-prev span { | |
left: 10px; | |
background-image: url(/images/prev_arrow_white.png); | |
background-size: 13px 18px; | |
background-repeat: no-repeat; | |
visibility: visible; | |
} | |
.fancybox-outer .fancybox-next span { | |
right: 10px; | |
background-image: url(/images/next_arrow_white.png); | |
background-size: 13px 18px; | |
background-repeat: no-repeat; | |
visibility: visible; | |
} | |
.fancybox-nav:hover span { | |
visibility: visible; | |
} | |
.fancybox-tmp { | |
position: absolute; | |
top: -99999px; | |
left: -99999px; | |
visibility: hidden; | |
max-width: 99999px; | |
max-height: 99999px; | |
overflow: visible !important; | |
} | |
.fancybox-lock { | |
overflow: hidden !important; | |
width: auto; | |
} | |
.fancybox-lock body { | |
overflow: hidden !important; | |
} | |
.fancybox-lock-test { | |
overflow-y: hidden !important; | |
} | |
.fancybox-overlay { | |
position: absolute; | |
top: 0; | |
left: 0; | |
overflow: hidden; | |
display: none; | |
z-index: 8010; | |
background: url(/assets/fancybox/fancybox_overlay.png); | |
} | |
.fancybox-overlay-fixed { | |
position: fixed; | |
bottom: 0; | |
right: 0; | |
} | |
.fancybox-lock .fancybox-overlay { | |
overflow: auto; | |
overflow-y: scroll; | |
} | |
.fancybox-title { | |
visibility: hidden; | |
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; | |
position: relative; | |
text-shadow: none; | |
z-index: 8050; | |
} | |
.fancybox-opened .fancybox-title { | |
visibility: visible; | |
} | |
.fancybox-title-float-wrap { | |
position: absolute; | |
bottom: 0; | |
right: 50%; | |
margin-bottom: -35px; | |
z-index: 8050; | |
text-align: center; | |
} | |
.fancybox-title-float-wrap .child { | |
display: inline-block; | |
margin-right: -100%; | |
padding: 2px 20px; | |
background: transparent; | |
/* Fallback for web browsers that doesn't support RGBa */ | |
background: rgba(0, 0, 0, 0.8); | |
-webkit-border-radius: 0px; | |
-moz-border-radius: 0px; | |
border-radius: 0px; | |
text-shadow: 0 1px 2px #222; | |
color: #FFF; | |
font-weight: bold; | |
line-height: 24px; | |
white-space: nowrap; | |
} | |
.fancybox-title-outside-wrap { | |
position: relative; | |
margin-top: 10px; | |
color: #fff; | |
} | |
.fancybox-title-inside-wrap { | |
padding-top: 10px; | |
} | |
.fancybox-title-over-wrap { | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
color: #fff; | |
padding: 10px; | |
background: #000; | |
background: rgba(0, 0, 0, 0.8); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { | |
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { | |
background-image: url(/assets/fancybox/fancybox_sprite@2x.png); | |
background-size: 44px 152px; | |
} | |
#fancybox-loading div { | |
background-image: url(/assets/fancybox/fancybox_loading@2x.gif); | |
background-size: 24px 24px; | |
} | |
} | |
.fancybox-next { | |
right: -60px; | |
} | |
.fancybox-prev { | |
left: -60px; | |
} | |
.fancybox-nav.fancybox-next { | |
font-family: 'FontAwesome'; | |
text-align: right; | |
} | |
.fancybox-nav.fancybox-next span:after { | |
font-family: 'FontAwesome'; | |
content: "\f105"; | |
color: #00395b; | |
font-size: 36px; | |
} | |
.fancybox-nav.fancybox-prev { | |
font-family: 'FontAwesome'; | |
} | |
.fancybox-nav.fancybox-prev span:before { | |
content: "\f104"; | |
font-family: 'FontAwesome'; | |
color: #00395b; | |
font-size: 36px; | |
} | |
.fancybox-opened .fancybox-title.fancybox-title-outside-wrap { | |
text-align: center; | |
color: #00395b; | |
font-family: "glight"; | |
line-height: 18px; | |
} | |
.fancybox-opened .fancybox-title.fancybox-title-outside-wrap strong { | |
font-weight: normal; | |
font-family: "gmed"; | |
} | |
.fancybox-opened .fancybox-title.fancybox-title-outside-wrap i { | |
font-size: 10px; | |
font-style: normal; | |
display: block; | |
line-height: 13px; | |
} | |
.fancybox-opened .fancybox-title.fancybox-title-outside-wrap a { | |
background: #00395b; | |
color: #FFF; | |
font-family: "gmed"; | |
padding: 2px 5px; | |
display: inline-block; | |
margin-top: 5px; | |
font-size: 10px; | |
text-transform: uppercase; | |
} | |
.fancybox-opened .fancybox-skin { | |
-webkit-box-shadow: 0px 0px 10px 0px #bbb; | |
-ms-box-shadow: 0px 0px 10px 0px #bbb; | |
-moz-box-shadow: 0px 0px 10px 0px #bbb; | |
-o-box-shadow: 0px 0px 10px 0px #bbb; | |
box-shadow: 0px 0px 10px 0px #bbb; | |
} | |
.fancybox-skin > .fancybox-close { | |
background: none; | |
text-align: right; | |
font-size: 24px; | |
} | |
.fancybox-skin > .fancybox-close:before { | |
content: "\f057"; | |
font-family: "FontAwesome"; | |
color: #00395b; | |
} | |
.fancybox-opened .fancybox-title #sharers { | |
display: block; | |
text-align: center; | |
} | |
.fancybox-opened .fancybox-title #sharers a { | |
display: inline-block; | |
width: 24px; | |
height: 24px; | |
background-size: cover; | |
background-position: center; | |
margin-bottom: 7px; | |
background-color: transparent; | |
margin-left: 2px; | |
margin-right: 2px; | |
} | |
.fancybox-opened .fancybox-title #sharers a.facebook { | |
background-image: url(/assets/fb-icon-blue.png); | |
background-color: none; | |
} | |
.fancybox-opened .fancybox-title #sharers a.twitter { | |
background-image: url(/assets/twitter-icon-blue.png); | |
background-color: none; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment