Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
Line 636: | Line 636: | ||
.CategoryTreeParents { | .CategoryTreeParents { | ||
font-style: normal; | font-style: normal; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */ | ||
+ | .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: #f9f9f9; | ||
+ | color: #444; | ||
+ | text-shadow: none; | ||
+ | -webkit-border-radius: 4px; | ||
+ | -moz-border-radius: 4px; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | |||
+ | .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('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('fancybox_loading.gif') center center no-repeat; | ||
+ | } | ||
+ | |||
+ | .fancybox-close { | ||
+ | position: absolute; | ||
+ | top: -18px; | ||
+ | right: -18px; | ||
+ | width: 36px; | ||
+ | height: 36px; | ||
+ | cursor: pointer; | ||
+ | z-index: 8040; | ||
+ | } | ||
+ | |||
+ | .fancybox-nav { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 40%; | ||
+ | height: 100%; | ||
+ | cursor: pointer; | ||
+ | text-decoration: none; | ||
+ | background: transparent url('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-prev span { | ||
+ | left: 10px; | ||
+ | background-position: 0 -36px; | ||
+ | } | ||
+ | |||
+ | .fancybox-next span { | ||
+ | right: 10px; | ||
+ | background-position: 0 -72px; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | /* Overlay helper */ | ||
+ | |||
+ | .fancybox-lock { | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .fancybox-overlay { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | overflow: hidden; | ||
+ | display: none; | ||
+ | z-index: 8010; | ||
+ | background: url('fancybox_overlay.png'); | ||
+ | } | ||
+ | |||
+ | .fancybox-overlay-fixed { | ||
+ | position: fixed; | ||
+ | bottom: 0; | ||
+ | right: 0; | ||
+ | } | ||
+ | |||
+ | .fancybox-lock .fancybox-overlay { | ||
+ | overflow: auto; | ||
+ | overflow-y: scroll; | ||
+ | } | ||
+ | |||
+ | /* Title helper */ | ||
+ | |||
+ | .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: 15px; | ||
+ | -moz-border-radius: 15px; | ||
+ | border-radius: 15px; | ||
+ | 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, .8); | ||
} | } |
Revision as of 17:56, 3 May 2013
body { background-color: white; width: 82%; } body, div#content, #mw-page-base, #mw-head-base, div#footer, div.vectorTabs, div.vectorTabs ul li, div.vectorTabs li.selected, div.vectorTabs span, div.vectorMenu, div.vectorMenuFocus, div#mw-head div.vectorMenu h5,div.vectorMenu h5 a, div#simpleSearch { background: none; background-image: none; background-color: white; } /* Fonts */ body, #content, .portlet { font-family: fedra, fallback-fonts; } body b, #content b, .portlet b, b, strong, big, dt, th, td b { font-family: fedra-bold; } body i, #content i, .portlet i, i, em { font-family: fedra-italic; } body b i, #content b i, .portlet b i, b i, b em { font-family: fedra-bold-italic; } h1, h2, h3, h4, h5, h6 { font-family: neohellenic-bold, fallback-fonts; } h1 i, h2 i, h3 i, h4 i, h5 i, h6 i { font-family: neohellenic-italic, fallback-fonts; } h1, h2, h3, h4, h5, h6 { margin: 0; border-bottom: 1px dotted #BBB; font-size: 100%; } h1 { font-size: 200%; border: none } h2 { font-size: 160%; padding-top: 1.5em; } h3 { font-size: 142%; } h3 .mw-headline i { font-size: 80%; font-family: neohellenic-italic; } h4 { font-size: 128%; } h5 { font-size: 114%; } h6 { font-size: 100%; } dl { margin-top: .5em; } /* Links */ a:link, a:visited { text-decoration: none; } div#content a.external:visited { color: #36b; } a:hover { /* must come _after_ a:link and a:visited */ text-decoration: underline; } a:active { /* must come _after_ a:hover */ text-decoration: none; } div#content a.external, div#content a[href ^="gopher://"] { /* remove the external link icon */ background: none; padding-right: 0; } /* Fonts */ @font-face { font-family: 'fedra'; src: url('skins/monobook/fedrasans-light.ttf') format('truetype'), url('skins/monobook/fedrasans-light.eot?#iefix') format('embedded-opentype'), url('skins/monobook/fedrasans-light.woff') format('woff'), url('skins/monobook/fedrasans-light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fedra-bold'; src: url('skins/monobook/fedrasans-bold.ttf') format('truetype'), url('skins/monobook/fedrasans-bold.eot?#iefix') format('embedded-opentype'), url('skins/monobook/fedrasans-bold.woff') format('woff'), url('skins/monobook/fedrasans-bold.svg') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'fedra-italic'; src: url('skins/monobook/fedrasans-lightitalic.ttf') format('truetype'), url('skins/monobook/fedrasans-lightitalic.eot?#iefix') format('embedded-opentype'), url('skins/monobook/fedrasans-lightitalic.woff') format('woff'), url('skins/monobook/fedrasans-lightitalic.svg') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'fedra-bold-italic'; src: url('skins/monobook/fedrasans-bolditalic.ttf') format('truetype'), url('skins/monobook/fedrasans-bolditalic.eot?#iefix') format('embedded-opentype'), url('skins/monobook/fedrasans-boldtitalic.woff') format('woff'), url('skins/monobook/fedrasans-boldtitalic.svg') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'neohellenic'; src: url('skins/monobook/gfsneohellenic.otf') format('opentype'), url('skins/monobook/gfsneohellenic.ttf') format('truetype'), url('skins/monobook/gfsneohellenic.eot?#iefix') format('embedded-opentype'), url('skins/monobook/gfsneohellenic.woff') format('woff'), url('skins/monobook/gfsneohellenic.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neohellenic-bold'; src: url('skins/monobook/gfsneohellenicbold.otf') format('opentype'), url('skins/monobook/gfsneohellenicbold.ttf') format('truetype'), url('skins/monobook/gfsneohellenicbold.eot?#iefix') format('embedded-opentype'), url('skins/monobook/gfsneohellenicbold.woff') format('woff'), url('skins/monobook/gfsneohellenicbold.svg') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'neohellenic-italic'; src: url('skins/monobook/gfsneohellenicit.otf') format('opentype'), url('skins/monobook/gfsneohellenicit.ttf') format('truetype'), url('skins/monobook/gfsneohellenicit.eot?#iefix') format('embedded-opentype'), url('skins/monobook/gfsneohellenicit.woff') format('woff'), url('skins/monobook/gfsneohellenicit.svg') format('svg'); font-weight: normal; font-style: italic; } /* Left panel */ div#mw-panel { top: 70px; width: 10em; clear: both; } div#mw-panel div.portal div.body { background-image: none; padding: 0; margin: 0; } div#mw-panel div.portal h5, div#mw-panel div.portal div.body ul li { font-size: .9em; margin-left: 0; padding-left: 0; padding-right: .3em; } div#mw-panel div.portal div.body ul li { line-height: normal; } /* Logo */ #p-logo { position: relative; height: 140px; top: -50px; } #p-logo, #p-logo a, #p-logo a:hover { height: 140px; width: 10em; } /* Main menu */ #p-navigation, #p-tb { font-size: .9em; } li#n-Cities, li#n-Media-and-themes, li#n-Theories-and-definitions, li#n-Categories, li#n-Central-and-Eastern-Europe { // font-family: neohellenic; // font-size: 1.4em !important; } li#n-recentchanges { margin-top: 2em !important; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited, div#p-personal a, div#right-navigation a, div#left-navigation a { color: black !important; } div#p-tb { margin-top: -1.4em !important; margin-bottom: 2em !important; } /* Page body */ div#content { margin-left: 10em; border-left: 2px solid #ccc; margin-top: 1.8em; padding-left: 1em; padding-top: .3em; padding-bottom: .3em; padding-right: 0; font-size: 1.1em; } div#content a { color: darkgreen; } div#content a.new { color: #ba0000; } /* Search */ #p-search { position: absolute; top: 1.4em; left: 11.7em; width: auto; padding: 0; text-align: left; } #searchInput, #searchGoButton, input.searchButton { margin: 0; font-size: .9em; background-color: white; font-family: fedra; } #searchInput, div#simpleSearch { width: 30em; height: 2.5em; padding: .2em; border: 1px solid #aaa; -moz-border-radius: .3em; border-radius: .3em; } #searchGoButton { width: 2em; height: 2.5em; align: center; font-weight: normal; border: 0; } #p-search #mw-searchButton { display: none !important; } /* Search Suggest box */ .os-suggest { border: 1px solid #aaa; -moz-border-radius: .3em; border-radius: .3em; border-top: 0; padding-top: 2px; z-index: 110; } .os-suggest-result { background-color: white; z-index: 110; } .os-suggest-result, .os-suggest-result-hl, .os-suggest-result-hl-webkit { font-family: fedra; z-index: 110; } /* Top/personal menu */ #p-personal { position: absolute; right: .4em; top: 2.6em; } #p-personal ul { padding: 0; text-transform: none; text-align: left; } #p-personal li { font-size: .8em; margin-left: 1.5em; } li#pt-mytalk, li#pt-watchlist, li#pt-mycontris, li#pt-anontalk, li#pt-anonuserpage { display: none !important; } /* Article heading */ h1#firstHeading { padding-top: 0; border-bottom: 1px solid #ccc; z-index: 105; } /* Article menu */ #left-navigation { position: static; float: right; margin-left: .5em; margin-right: 0; margin-top: 6.8em; padding-right: 0; } #right-navigation { position: static; float: right; margin-top: 6.8em; margin-right: 0; padding-right: 0; } #p-namespaces li.selected, #p-views li.selected, #p-personal li.selected { font-family: fedra-bold; } #p-cactions.vectorMenu, #p-variants.vectorMenu, li#ca-delete, li#ca-protect, li#ca-purge, #p-navigation h5, #p-search h5, #p-tb h5, #p-tb #t-pdf, #p-tb #t-specialpages, #p-tb #t-recentchangeslinked, #p-tb #t-smwbrowselink { display: none !important; } /* For positioning icons at top-right, used in Templates "Spoken Article" and "Featured Article" */ div.topicon { position: absolute; top: -5em; margin-right: -17px; display: block !important; z-index: 111; } /* FR topicon position */ div.flaggedrevs_short { position: absolute; top: -3em; right: 80px; z-index: 1; margin-left: 0; /* Because this is not yet a topicon, we emulate it's behavior, this ensure compatibility with edit lead section gadget */ margin-right: -10px; } /* Article list */ #content ul { list-style: none; padding: 0; margin: .3em 0 0 .3em; } #content li { padding-left: 1em; margin-bottom: .3em; text-indent: -0.9em; } #content li:before { content: "•"; color: #666; padding-right: .2em; } #content .gallery li { /* Gallery */ padding-left: 0; text-indent: 0; } #content .dpl li:before, /* Dynamic Page List - used to list pages in categories */ #content .catlinks li:before, /* Category links */ #content .mw-search-formheader li:before, /* Search types */ #content .mw-search-results li:before, /* Search results */ #content .gallery li:before, /* Gallery */ #content .references li:before { /* Notes */ content: none; padding-right: 0; } /* doesn't work -- remove 'Categories' */ #content .catlinks a:first_child { display: none !important; } #content .catlinks li { /* Category links */ padding-left: 1.7em; } /* Article References */ sup { font-size: .7em; bottom: 1ex; line-height: 1em; padding-left: 0; margin-left: 0; } .references-small { font-size: .8em; } /* Search results */ #mw-search-top-table #powerSearchText, #mw-search-top-table #searchText, #mw-search-top-table input:nth-of-type(5), #mw-searchoptions, .mw-search-formheader li:nth-of-type(3), .mw-search-formheader li:nth-of-type(5) { display: none !important; } /* Login form */ #userlogin, #userloginForm { border: 0; padding: 0; margin: 0; float: left; width: 100%; } #userlogin { min-width: 20em; max-width: 100%; } .page-Special_UserLogin h1.firstHeading, .page-Special_UserLogin li#ca-nstab-special, .page-Special_UserLogin #contentSub, #loginstart { display: none !important; } div#userloginForm form h2, div#userlogin form#userlogin2 h2 { padding-top: 0; margin-top: 0; border-bottom: 1px solid #ccc; margin-bottom: .1em; line-height: 1.2em; padding-bottom: 0; font-family: neohellenic-bold; font-weight: bold; font-size: 200%; } div#userloginForm form, div#userlogin form#userlogin2, div#userloginForm table, div#userlogin form#userlogin2 table { background-color: white; border: 0; padding: 0; } div#userlogin .captcha, div#userloginForm .captcha { margin-bottom: 1em; padding: 1em; width: 70%; border: 1px solid #ccc; } /* Article Table */ .toccolours { background-color: white; border: 0; padding: 0; } .toccolours th { border-bottom: 1px solid #ccc; } .toccolours .tocpadding { padding-left: 1em; padding-right: 1em; } /* Article TOC */ #toc, .toc, .mw-warning { background-color: #f4f4f4; padding: 5px; border: 0; -moz-border-radius: .3em; border-radius: .3em; } #column-content #toc ul, #toc ul, .toc ul { list-style: none; } #column-content #toc li, #toc li, .toc li { padding-left: 0; margin-bottom: .3em; text-indent: 0; } #column-content #toc li:before, #toc li:before, .toc li:before { content: none; padding-right: 0; } #toc li .toclevel-2 { float: left; margin-right: .5em; } #toc li:last-child { float: none; } .tocnumber, #toc li .toclevel-3, #toc li .toclevel-4, #toc li .toclevel-5, #toc li .toclevel-6 { display: none !important; } /* Article Edit section links */ h2 .editsection, h3 .editsection, h4 .editsection { font-family: fedra; font-weight: normal; color: transparent; font-size: .7em; } h2 .editsection a, h3 .editsection a, h4 .editsection a { font-weight: normal; font-size: .7em; } /* Infobox */ .infobox { background-color: white; border-color: #ddd; } /* Twitter feed */ // https://twitter-widgets.s3.amazonaws.com/j/2/widget.css .twtr-widget { align: right; margin: auto; font-family: fedra; font-size: 100%; } .twtr-timestamp, .twtr-reply, .twtr-rt, .twtr-fav { font-size: 110%; font-family: fedra-italic; } .twtr-ft { display: none !important; } .twtr-tweet:last-child { border-bottom-width: 1px!important; border-bottom-style: solid!important; border-bottom-color: #f0f0f0!important; } /* Article category links */ .catlinks { background-color: #f4f4f4; border: 0; padding-top: .5em; padding-bottom: .5em; padding-left: .8em; padding-right: .8em; -moz-border-radius: .3em; border-radius: .3em; } /* Bottom menu */ #privacy, #disclaimer { display: none !important; } /* Footer */ div#footer { padding-left: 2.2em; margin-top: 2em; bottom: 0; } div#footer a { color: #666; } div#footer li { list-style-type: none; margin: 0 0.5em; } div#footer ul li { padding-top: 0; padding-bottom: 0; color: #666; font-size: .75em; line-height: 1.5em; } div#footer #footer-info li, div#footer #footer-icons li, div#footer #footer-places li { line-height: 1.5em; } #footer-poweredbyico, #f-copyrightico, li#footer-places-disclaimer, li#footer-places-privacy { display: none !important; } /* QuickLink extension css - Article editor */ input#QuickLinkInput { font-family: fedra, fallback-fonts; font-size: .8em; border: 1px solid #aaa; -moz-border-radius: .3em; border-radius: .3em; width: 15em; height: 1.6em; } #QuickLinkResults { padding: 0.5em 0.5em 0.5em 0.5em; } #QuickLinkResults a.selected { background-color: darkgreen; } /* CategoryTree extension css - transcluded categories */ .CategoryTreeLabelPage, .CategoryTreeNotice, .CategoryTreeParents { font-style: normal; } /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */ .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: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .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('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('fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('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-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .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; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .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: 15px; -moz-border-radius: 15px; border-radius: 15px; 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, .8); }