/* MediaFire Section Stylesheet */ /*-------------------------------------------------------------------- FILE VIEW CSS fileview.css.php css for doc preview/edit, image view, and watch/listen pages ---------------------------------------------------------------------- CASCADE ORDER: /store/lrdistro/c/w/content/css/global.css.php /store/lrdistro/c/w/content/css/utility.css.php /store/lrdistro/c/w/content/css/layout.css.php /store/lrdistro/c/w/content/css/header.css.php /store/lrdistro/c/w/content/css/footer.css.php [ Section dependent CSS ] --> /store/lrdistro/c/w/content/css/fileview.css.php --------------------------------------------------------------------*/ /*.filepreview-controlbar { position: relative; width: 100%; top: 0px; padding-bottom: 10px; border-top: 1px solid #fdfefe; border-bottom: 1px solid #FFF; background-color: #FFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EDF1F5)); background-image: -webkit-linear-gradient(top, #FFF, #EDF1F5); background-image: -moz-linear-gradient(top, #FFF, #EDF1F5); background-image: -ms-linear-gradient(top, #FFF, #EDF1F5); background-image: -o-linear-gradient(top, #FFF, #EDF1F5); background-image: linear-gradient(top, #FFF, #EDF1F5); }*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BUTTONS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /****** Need to change declarations so not tied to global layout class ".liquidLayout" ******/ /*.liquidLayout .ico16 { margin: 3px 5px 0 0; }*/ /*.liquidLayout .btn { position: relative; white-space: nowrap; }*/ .filePreview .btn.alt.download { border-radius: 0 6px 6px 0; height: 23px; padding: 3px 3px 0 8px; width: 95px; float: right; margin: 3px 10px 0 -1px; line-height: 20px; z-index:1; } /*.liquidLayout .toolBar .secondary.btn { height: 23px; padding: 3px 0 0 8px; width: 20px; float: right; margin: 3px 0 0 0; }*/ .filePreview .share.secondary.btn, .filePreview .shareSelection.secondary.btn, .filePreview .shareGallery.secondary.btn { border-radius: 6px 0 0 6px; width: auto; margin-left: 0px; line-height: 20px; padding: 3px 10px 0 8px; } /*.filePreview .toolBar .shareGallery.secondary.btn { padding-right: 2px; }*/ /* Temporarily removed .liquidLayout .contactSheet.secondary.btn { border-radius: 0 4px 4px 0; padding: 3px 4px 0 8px; } */ .filePreview .point-down { left:-41px; text-align: center; width: 0; display: block; opacity:0; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; visibility: hidden; } .filePreview .btn:hover .point-down { opacity:1; visibility: visible; width: 95px; } /*.liquidLayout .thumb.secondary.btn { border-radius: 0 6px 6px 0; padding: 3px 4px 0 8px; margin-right: 10px; }*/ /*.imagePreview .thumb.secondary.btn { border-left-width: 1px; border-radius: 0 6px 6px 0; padding: 3px 4px 0 8px; margin: 3px 10px 0 -1px; }*/ .filePreview .contactSheet.secondary.btn { border-left-width: 0px; border-radius: 0 6px 6px 0; padding: 3px 4px 0 8px; } .filePreview .plus.secondary.btn, .filePreview .selectionPlus.secondary.btn, .filePreview .galleryBarPlus.secondary.btn { border-left-width: 0px; border-radius: 0 0 0 0; padding: 3px 4px 0 8px; } .filePreview .bookMode.secondary.btn { border-radius: 0 0 0 0; padding: 3px 5px 0 7px; margin-right: -1px; } /*.liquidLayout .filmMode.secondary.btn { border-right-width: 1px; border-left-width: 0px; border-radius: 0 0 0 0; padding: 3px 5px 0 7px; }*/ /*.imagePreview .filmMode.secondary.btn { border-right-width: 1px; border-left-width: 1px; border-radius: 0 0 0 0; padding: 3px 5px 0 7px; margin: 3px 0 0 -1px; }*/ /*.liquidLayout .full.secondary.btn { border-radius: 6px 0 0 6px; padding: 3px 4px 0 8px; margin-right: -1px; }*/ .filePreview .full.secondary.btn.solo { border-radius: 6px; margin: 3px 10px 0 -1px; } /*.liquidLayout .first.secondary.btn { border-radius: 6px 0 0 6px; }*/ /*.liquidLayout .back.secondary.btn { border-right-width: 0px; border-left-width: 0px; border-radius: 0 0 0 0; }*/ /*.liquidLayout .next.secondary.btn { border-right-width: 0px; border-left-width: 0px; border-radius: 0 0 0 0; }*/ /*.liquidLayout .last.secondary.btn { border-radius: 0 6px 6px 0; margin-right: 10px; }*/ /*.liquidLayout .imgopenpreview.secondary.btn { border-radius: 6px 0 0 6px; border-right: 0 none; }*/ /*.liquidLayout .imgclosepreview.secondary.btn { border-radius: 0 6px 6px 0; border-left-width: 0px; margin-right: 10px; }*/ #scaleSelect { border: medium none; border-radius: 0 0 0 0 !important; font-size: 12px; font-weight: normal; padding: 0; margin: 0; height: 18px; line-height: 18px; -webkit-appearance: none; } .filePreviewPrivate .share.secondary.btn { display: none; } .filePreviewPrivate .plus.secondary.btn { display: none; } .filePreviewPrivate .btn.alt.download { border-radius: 6px 6px 6px 6px; border: 1px solid #468000; } .filePreviewPrivate .rss.secondary.btn { display: none; } .filePreview .editDoc.btn.secondary { margin-right: 10px; width: 60px; line-height: 20px; } .filePreview .collaborateDoc.btn.secondary { margin-right: 10px; width: 110px; line-height: 20px; } .filePreview .filePreviewPrivate .collaborateDoc.btn.secondary { display:none; } .filepreview-controlbar.sharedFile .collaborateDoc.btn.secondary { display:none; } .filepreview-controlbar.sharedFile .share.secondary.btn { display:none; } .filepreview-controlbar.sharedFile.publicCollab .collaborateDoc.btn.secondary, .filepreview-controlbar.sharedFile.publicCollab .share.secondary.btn { display:block; } .filepreview-controlbar.sharedFile .btn.alt.download { border-radius: 6px 6px 6px 6px; border: 1px solid #468000; } .filepreview-controlbar.sharedFile.publicCollab .btn.alt.download { border-radius: 0px 6px 6px 0px; } .filepreview-controlbar.sharedFile.no_edit .btn.alt.download { border-radius: 0px 6px 6px 0px; border-left: 0; } .filepreview-controlbar.sharedFile.no_edit .btn.secondary.plus { border-radius: 6px 0px 0px 6px; border:1px solid #a3a6a8; } .filePreview .printDoc.btn.secondary { margin-right: 10px; } .filePreview .filenameShare, .fileEdit .filenameShare { margin-right: auto; min-width: 0; } #FP_newFileName, #new_image_filename { display: none; } /* COLLAB POPUP */ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .collabPopup .tabs { padding-top: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .collabPopup .tabs > div { border: none; } .collabPopup .tabs > ul { width: 100%; padding: 0 15px; margin-left: -15px; } .collabPopup textarea { display: block; width: 396px; height: 100px; padding: 10px; font-size: 14px; } .collabPopup .popup-options { margin-bottom: 15px; } .collabPopup label span { float: right; font-weight: normal; } .collabPopup .collabSubmit { text-align: right; padding-top: 10px; } .collabPopup #multiple-success { margin:15px;text-align:center;display:none; } .collabPopup #multiple-success p { margin-bottom:10px;font-weight:bold; } .collabPopup .freeCollabRemaining { margin-bottom: 10px; } #collaborate_copy .ico16 { margin: 8px 8px 0 8px; } .collabPopup .oneTimeCopyLink button { padding: 0 0 0 10px; height: 32px; line-height: 31px; float: left; width: 110px; text-align: left; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; margin-right: 0; } .collabPopup .oneTimeCopyLink button .ico16 { margin: 6px 5px 0 0; background-position: -1260px -80px; } .collabPopup .oneTimeCopyLink input { width: 245px; float: left; margin: 0; height: 30px; padding: 0 10px; line-height: 30px; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; border-left: 0; } .collabPopup .oneTimeCopyLink a { padding: 0; height: 30px; width: 30px; float: left; margin-left: 10px; } .collabPopup .publicInfoMsg { width: 388px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ IMAGE PREVIEW BUTTONS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .edit-or-manage, .manage-only { display: none; } .owner .edit-or-manage, .owner .manage-only, .editPermission .edit-or-manage, .editPermission .manage-only { display: block; } .owner .non-owner-only { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ PAGE ELEMENTS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .filePreview .pageCounter { height: 36px; line-height: 36px; text-align: center; font-size: 16px; vertical-align: top; padding: 0; } .filepreview-controlbar { position: fixed; bottom: 0; right: 200px; left: 0px; z-index: 2; text-align: center; font-size: 0; /*reset inline-block spacing*/ /*-webkit-transition: right 1s ease; -moz-transition: right 1s ease; -ms-transition: right 1s ease; -o-transition: right 1s ease; transition: right 1s ease;*/ } .filePreview .document { } #container.fullView .filepreview-controlbar, #container.galleryView .filepreview-controlbar { right: 15px; } #container.fullView .document, #container.galleryView .document /*.imageToolbar.filepreview-controlbar*/ { right: 0px; } #container.galleryView .ico30filmstrip { margin-right: 0; } .filePreview .title { display: flex; padding-right: 10px; overflow: hidden; } .sharemode.showUpgrade .title, .sharemode.showDiscount .title { right: 535px; /* making room for My Files button/Upgrade button & loading gif */ } .sharemode #folder_author { color: #a0a0a0; color: #A0A0A0; font-family: arial; font-size: 14px; font-weight: normal; margin-left: 6px; } .sharemode #FP_fileDetails, .sharemode #image_filename_details { line-height: 38px; margin-top: 1px; } .filePreview .title a:not(.customLogoShared) { display: flex; align-items: center; overflow: hidden; } .filePreview div.search_container { float: right; margin: 0 10px 0 0; width: 142px; } .filePreview div.search_container input { float: right; height: 26px; width: 111px; margin-top:3px; padding: 0 5px 0 24px; } .filePreview div.search_container span.search_spinner { top: 8px; } .filePreview .thumbPreview { display: block; bottom: 0; float: right; overflow: auto; position: fixed; right: 0; text-align: center; top: 70px; width: 185px; z-index: 1; } .filePreview .thumbPreview.sidebarView { width: 185px; } .filePreview .thumbPreview.fullsizeView { width: 100%; } .filePreview .thumbPreview.hidden { display: none; } .filePreview #pdfPages.hidden { display: none; } .filePreview #pdfPages canvas { background: #fff; } .filePreview .thumbPreview p { margin: 5px 0 5px 0; width: 100%; } .filePreview .thumbContainer { text-align: center; float: left; width: 185px; height: 166px; margin-bottom: 40px; } .filePreview .thumbnail { width: 108px; height: 156px; background-color: #ffffff; margin-left:auto; margin-right:auto; margin-bottom: 5px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; } .imageThumb:hover { } .imageThumb.active { background: #000; box-shadow: inset 0 1px 0 0 #000, 0 1px 0 0 rgba(255,255,255,0.08); } .filePreview .document, .mobile.document { position: fixed; top: 71px; right: 0; left: 0px; bottom: 0; overflow: auto; } .filePreview .filmstripView .document { right: 185px; } .mobile.document { top: 51px; right: 0px; } /*.filePreview .documentWithPadding { left: 20px; }*/ .filePreview .thumbPageNumber { line-height: 13px; margin-bottom: 12px; /*color:#646464;*/ } .filePreview .active .thumbPageNumber { line-height: 13px; margin-bottom: 12px; color:#fff; } .filePreview .thumbPageNumber:hover { cursor: pointer; } /*.filePreview .fullView { width: 100%;*/ /*height: 600px; Will be calculated via JS */ /*float: left; margin: 0 10px 10px 0; background-color: #fff; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }*/ .filePreview #content_container { height: 100%; } /*.filePreview #footer { display: none; }*/ .filePreview .privatePreview{ position:absolute; top:50%; left:50%; width:200px; height:90px; background-image: url('//static.mediafire.com/images/icons/lock_lg.png'); background-repeat:no-repeat; background-position: 10px center; padding:15px 15px 15px 85px; margin: -60px 0 0 -150px; display: none; } .filePreview .unsupportedPreview{ position:absolute; top:50%; left:50%; width:250px; height:90px; padding:15px 15px 15px 15px; margin: -60px 0 0 -150px; z-index:5; display: none; } .filePreview .passwordPreview { position:absolute; top:50%; left:50%; width:412px; /*height:90px;*/ padding:15px 15px 15px 15px; margin: -65px 0 0 -217px; display: none; } /* PDFJS Styles */ #pagePreviews .thumbnail { width: 103px; height: 134px; margin: 5px auto; /*line-height: 134px;*/ text-align: center; overflow: hidden; position: relative; } #pagePreviews .thumbnail:not([data-loaded]) { background-color: white; } #pagePreviews .thumbnail > canvas { vertical-align: middle; display: inline-block; } #pagePreviews.fullsizeView .thumbnailAnchor { float: left; } #pagePreviews .thumbnail img { width: 100%; height: 100%; } #pdfPages #viewer { /*margin: 0px 0px 0px;*/ /*padding: 8px 0px;*/ } #pdfPages #viewer canvas { margin: auto; display: block; } #pagePreviews .thumbnail .predraw-loader { background: url('//static.mediafire.com/images/icons/ajax-loader-sm-round.gif') no-repeat; position: relative; margin: 0px auto; width: 16px; height: 16px; top: 25px; } .liquidLayout #pdfPages.syntaxView { width: 100%; } .liquidLayout #pdfPages.syntaxView #viewer .page { width: auto; height: auto; margin: 0px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .liquidLayout #pdfPages.mobile #viewer .page img { width: 100%; height: 100%; } #scaleSelect #pageWidthOption { border-top: 1px solid black; } #scaleSelect #customScaleOption { display: none; } .loadingIcon { position: absolute; z-index: 100; left: 50%; top: 40%; width: 200px; margin-left: -115px; background: #000; background: rgba(0,0,0,.7); border-radius: 6px; padding: 10px 15px 15px; } .filmstripView .loadingIcon {  } .loadingIcon p { padding: 0 5px 5px; text-align: center; color: #fff; font-size: 10px; text-transform: uppercase; } .loadingIcon .progressbar { height: 8px; background: rgba(0,0,0,.2); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), inset 0 1px 1px 0px rgba(0,0,0,.1); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), inset 0 1px 1px 0px rgba(0,0,0,.1); box-shadow: 0 0 0 1px rgba(0,0,0,.3), inset 0 1px 1px 0px rgba(0,0,0,.1); } .loadingIcon .progressbar.sm div { -webkit-transition: width .2s linear; background: #fff; box-shadow: none; } /*.galleryWrapper .imagePreviewSpinner { display:block; position: absolute; background: url(//static.mediafire.com/images/icons/spinner/ajax-loader.gif) no-repeat center; left: 50%; top: 50%; height:20px; width:20px; margin-left: -10px; margin-top: -10px; }*/ .imagePreviewSpinner { display:none; } #retryText a { color: #fff !important; border-bottom: 1px dotted rgba(255,255,255,.5); } .textLayer ::selection { background: rgba(0, 160, 250, 0.5) !important; text-shadow: none !important; color: transparent !important; } .textLayer ::-moz-selection { background: rgba(0, 160, 250, 0.5) !important; text-shadow: none !important; color: transparent !important; } .textLayer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; color: #000; font-family: sans-serif; } .textLayer > div { color: transparent; position: absolute; line-height:1.3; } .annotComment > div { position: absolute; } .annotComment > img { position: absolute; } .annotComment > img:hover { cursor: pointer; opacity: 0.7; } .annotComment > div { padding: 0.2em; max-width: 20em; background-color: #F1E47B; box-shadow: 0px 2px 10px #333; -moz-box-shadow: 0px 2px 10px #333; -webkit-box-shadow: 0px 2px 10px #333; } .annotComment > div > h1 { font-weight: normal; font-size: 1.2em; border-bottom: 1px solid #000000; margin: 0px; } #pdfPages #loading { margin: 100px 0; text-align: center; color: #f1f1f1; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ old IMAGE PREVIEW section - consolidate ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .imagePreview .mainImage { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0,.5); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0,.5); box-shadow: 0 2px 4px rgba(0, 0, 0,.5); margin: 0 auto !important; padding: 0 !important; cursor: pointer; } .imagePreview .mainImage[style*="hidden"] { margin-top: 20px !important; } .imagePreview #viewer img { width: 100%; height: 100%; position: relative; float: left; /*this removes bottom gap caused by inline block style applied by js*/ } .imagePreview #viewer img.draggable { cursor: move; cursor: grab; cursor: hand; cursor: -moz-grab; } .imagePreview .thumbPreview p { padding: 15px 0; background: -webkit-linear-gradient(top, rgba(32, 32, 32,1) 70%, rgba(32, 32, 32,0)); background: -moz-linear-gradient(top, rgba(32, 32, 32,1) 70%, rgba(32, 32, 32,0)); background: -ms-linear-gradient(top, rgba(32, 32, 32,1) 70%, rgba(32, 32, 32,0)); background: -o-linear-gradient(top, rgba(32, 32, 32,1) 70%, rgba(32, 32, 32,0)); background: linear-gradient(top, rgba(32, 32, 32,1) 70%, rgba(32, 32, 32,0)); margin: 0; position: fixed; right: 20px; top: 70px; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; z-index: 2; } .imagePreview .thumbPreview p a { color: #BFBFBF; font-weight: bold; font-size: 12px; padding: 5px 0; } .imagePreview .thumbPreview p a:hover { color: #fff; } .imagePreview .thumbPreview p a:before { content: ""; display: inline-block; background: url(//static.mediafire.com/images/icons/myfiles/folder-sm-reversed.png) 0 0 no-repeat; height: 16px; width: 20px; vertical-align: text-bottom; margin-right: 10px; opacity: .3; } .imagePreview #pagePreviews .galleryWrapper { position: relative; width: 100%; height: 100%; overflow: auto; } .imagePreview #pagePreviews .thumbWrapper { height: 100%; padding-top: 54px; background: #202020; } .imagePreview #container.galleryView #pagePreviews .thumbWrapper a:last-child { margin-bottom: 100px; } .imagePreview #pagePreviews .thumbPageNumber { width: 100px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .imagePreview #pagePreviews .size2 .thumbPageNumber { width: 240px; } .imagePreview #pagePreviews .size3 .thumbPageNumber { width: 380px; } .imagePreview #pagePreviews .thumbnail { width: 100px; height: 100px; line-height: 100px; overflow: visible; /* Allows shadows to bleed outside the box. */ background: transparent; box-shadow: none; position: relative; } .imagePreview #pagePreviews .size2 .thumbnail { width: 240px; height: 240px; line-height: 240px; } .imagePreview #pagePreviews .size3 .thumbnail { width: 380px; height: 380px; line-height: 380px; } .imagePreview #pagePreviews .thumbnail img { position: relative; top: -2px; width: auto; height: auto; max-width: 100px; max-height: 100px; vertical-align: middle; z-index: 1; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0,.5); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0,.5); box-shadow: 0 2px 4px rgba(0, 0, 0,.5); -webkit-transition: opacity .5s linear; } .imagePreview #pagePreviews .thumbnail img.loading { padding: 5px 10px 10px 5px; opacity: 0; } .imagePreview #pagePreviews .thumbnail img + b { display: none; opacity: .3; } .imagePreview #pagePreviews .thumbnail img.loading + b { display: block; } .imagePreview #pagePreviews .size2 .thumbnail img { max-width: 240px; max-height: 240px; } .imagePreview #pagePreviews .size3 .thumbnail img { max-width: 380px; max-height: 380px; } .filePreview .pageZoom { height: 26px; margin-left: 1px; padding: 10px 5px 0 10px; vertical-align: top; width: 90px; } .imagePreview .thumbPreview .btn.alt.galleryDownload { /*border-left: 0 none;*/ border-radius: 0 6px 6px 0; height: 23px; line-height: 20px; margin: 0; padding: 3px 0px 0 8px; width: auto; display: inline-block; vertical-align: middle; float: none; } .imagePreview .viewingRoot .btn.alt.galleryBarDownload, .imagePreview .viewingRoot .btn.alt.galleryDownload { border-radius: 6px; border: 1px solid #468000; } .imagePreview .thumbPreview .btn.alt.galleryDownload em { display: none; font-style: normal; } .imagePreview .thumbPreview .owner .btn.alt.galleryDownload em { display: inline; } .imagePreview .thumbPreview .owner .btn.alt.galleryDownload { padding-right: 8px; } .imagePreview .thumbPreview .secondary.btn { border-radius: 6px 0 0 6px; border-right: medium none; margin: 0; padding: 3px 0 3px 8px; display: inline-block; vertical-align: middle; } .imagePreview .thumbPreview .plus.secondary.btn { border-left: 1px solid #A3A6A8; border-radius: 0 0 0 0; margin: 0; padding: 3px 2px 3px 7px; display: inline-block; vertical-align: middle; } .imagePreview .galleryBtns { right: 0; background: none repeat scroll 0 0 #333333; bottom: 0; height: 38px; margin: 0 auto; padding: 10px 0px 1px 0px; position: fixed; width: 185px; z-index: 3; font-size: 0; background-color: #e9ecf0; background-image: -webkit-gradient(linear, left top, left bottom, from(#e9ecf0), to(#dadde1)); background-image: -webkit-linear-gradient(top, #e9ecf0, #dadde1); background-image: -moz-linear-gradient(top, #e9ecf0, #dadde1); background-image: -ms-linear-gradient(top, #e9ecf0, #dadde1); background-image: -o-linear-gradient(top, #e9ecf0, #dadde1); background-image: linear-gradient(top, #e9ecf0, #dadde1); /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e9ecf0', EndColorStr='#dadde1');*/ -webkit-box-shadow: 0px -1px 5px 0px #000; box-shadow: 0px -1px 5px 0px #000; } .imagePreview #pagePreviews .imageThumb { float: left; padding: 5px 15px 0 15px; -webkit-transition: background-color .2s ease, color .2s ease; /*-moz-transition: background-color .2s ease, color .2s ease;*/ -ms-transition: background-color .2s ease, color .2s ease; -o-transition: background-color .2s ease, color .2s ease; /*transition: background-color .2s ease, color .2s ease;*/ color: #646464; } .imagePreview #pagePreviews.sidebarView .imageThumb { border-radius: 3px; } .imagePreview #pagePreviews .imageThumb { width: 100px; height: 135px; overflow: hidden; } .imagePreview #pagePreviews .imageThumb.size2 { width: 240px; height: 275px; } .imagePreview #pagePreviews .imageThumb.size3 { width: 380px; height: 415px; } .imagePreview #pagePreviews .imageThumb.size2, .imagePreview #pagePreviews .imageThumb.size3 { padding: 15px; } .imagePreview #pagePreviews .imageThumb:hover { } .imagePreview #pagePreviews .imageThumb:hover { color: #fff; } .imagePreview #pagePreviews .imageThumb.selected { background-color: #1F84C7; } .imagePreview #pagePreviews.sidebarView .imageThumb.selected, .imagePreview #pagePreviews.sidebarView .imageThumb.dragselect_selected { padding-bottom: 4px; margin-bottom: -4px; } .imagePreview #pagePreviews.sidebarView .imageThumb.selected + .imageThumb.active { margin-top: 4px; padding-top: 1px; /*from default 5px*/ } .imagePreview #pagePreviews.sidebarView .imageThumb.selected + .imageThumb.active.selected { -webkit-transition: margin-top .1s linear .2s, padding-top .1s linear .2s; -moz-transition: margin-top .1s linear .2s, padding-top .1s linear .2s; -ms-transition: margin-top .1s linear .2s, padding-top .1s linear .2s; -o-transition: margin-top .1s linear .2s, padding-top .1s linear .2s; transition: margin-top .1s linear .2s, padding-top .1s linear .2s; margin-top: 0; padding-top: 5px; /*original value*/ } .imagePreview #pagePreviews .imageThumb.selected, .imagePreview #pagePreviews .imageThumb.dragselect_selected { color: #fff; } .imagePreview #pagePreviews .imageThumb.dragselect_selected { background-color: #1F84C7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .imagePreview #pagePreviews .imageThumb.selected.dragselect_selected { background-color: #1F84C7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .imagePreview #pagePreviews .imageThumb.selected.active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .filePreview #notify_main { display: none !important; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BUTTON MODES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .toolBar { display: inline-block; padding: 10px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; white-space: nowrap; } .toolBar > a, .toolBar > div, #hiddenForCodeView > a, #hiddenForCodeView > div { float: none; display: inline-block; } .ie9 .toolBar, .ie10 .toolBar { line-height: 36px; } .ie9 #hiddenForCodeView .pageZoom, .ie10 #hiddenForCodeView .pageZoom { margin-top: -1px; padding-top: 5px; padding-bottom: 5px; } #headerControlsImageView .selectionBubble { display: none !important; position: absolute; top: auto; left: auto; right: 100%; display: block; text-align: center; padding: 0 15px; margin-right: 16px; margin-top: 0; border: none; line-height: 36px; box-shadow: none; background: rgba(0,0,0,.3); border-radius: 18px; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.15) inset; font-size: 0px; font-weight: normal; color: #fff; white-space: nowrap; transition: visibility 0s linear .1s, height 0s linear .1s, opacity .2s linear, font-size 0s linear .1s, transform .2s ease; visibility: visible; height: 0px; opacity: 0; transform: scale(0,0); } #headerControlsImageView .selectionBubble:before { border-color: transparent transparent transparent rgba(0, 0, 0, 0.3); border-style: solid; border-width: 9px 0 9px 9px; box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.3); content: ""; margin: -9px 0 0; position: absolute; right: -9px; top: 50%; } #headerControlsImageView .selectionBubble:after { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.3), -2px -2px 0 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(0, 0, 0, 0.3), 0 17px 0 0 rgba(0, 0, 0, 0.3), 0 18px 0 0 rgba(0, 0, 0, 0.3), -1px 19px 0 0 rgba(0, 0, 0, 0.3), -2px 20px 0 0 rgba(0, 0, 0, 0.3); content: ""; height: 2px; position: absolute; right: 1px; top: 8px; width: 1px; } #container.imgSelectionActive .selectionBubble { visibility: visible; height: 36px; opacity: 1; font-size: 14px; transform: scale(1,1); transition-delay: 0s; } #imgControlGroup { display: flex; position: relative; } #imgControlGroup .gbtnAlt { -webkit-transition: background-color .1s linear; -moz-transition: background-color .1s linear; -ms-transition: background-color .1s linear; -o-transition: background-color .1s linear; transition: background-color .1s linear; } #container.imgSelectionActive #imgControlGroup .gbtnAlt { background-color: #389DE0; } #container.imgSelectionActive #imgControlGroup .gbtnAlt:after { opacity: .8; } #container.imgSelectionActive #imgControlGroup .gbtnAlt:hover:after { opacity: 1; } .toolBar > a:last-child, .toolBar > div:last-child, .toolBar .ico30nextItem { margin-right: 0; } .imagePreview .toolBar .gbtnPrimary.ico30prevItem, .imagePreview .toolBar .gbtnPrimary.ico30nextItem, .imagePreview .toolBar .gbtnAlt.ico30prevItem, .imagePreview .toolBar .gbtnAlt.ico30nextItem { background: none; box-shadow: none; } /* GALLERY MODE .galleryToolbar */ .imagePreview .ico30prevItem, .imagePreview .pageCounter, .imagePreview .ico30nextItem, .imagePreview .ico30rotateCW, .imagePreview .ico30rotateCCW, .imagePreview .ico30zoomIn, .imagePreview .ico30zoomOut, .imagePreview .pageZoom { display: none; } .imagePreview .thumbPreview.fullsizeView { bottom: 0; } .imagePreview #pagePreviews.thumbPreview.fullsizeView .thumbWrapper { padding-top: 20px; box-sizing: border-box; } .imagePreview .ico30smallThumb, .imagePreview .ico30mediumThumb, .imagePreview .ico30largeThumb { display: none; } .imagePreview #container.galleryView .ico30smallThumb, .imagePreview #container.galleryView .ico30mediumThumb, .imagePreview #container.galleryView .ico30largeThumb, .imagePreview.mobile-device #container.galleryView .ico30prevItem, .imagePreview.mobile-device #container.galleryView .ico30nextItem, .imagePreview #container.filmstripView .ico30zoomIn, .imagePreview #container.filmstripView .ico30zoomOut, .imagePreview #container.filmstripView .pageZoom, .imagePreview #container.filmstripView .ico30rotateCW, .imagePreview #container.filmstripView .ico30rotateCCW, .imagePreview #container.filmstripView .ico30prevItem, .imagePreview #container.filmstripView .pageCounter, .imagePreview #container.filmstripView .ico30nextItem, .imagePreview #container.fullView .ico30zoomIn, .imagePreview #container.fullView .ico30zoomOut, .imagePreview #container.fullView .pageZoom, .imagePreview #container.fullView .ico30rotateCW, .imagePreview #container.fullView .ico30rotateCCW, .imagePreview #container.fullView .ico30prevItem, .imagePreview #container.fullView .pageCounter, .imagePreview #container.fullView .ico30nextItem { display: inline-block; } /* BookMode */ .bookMode.toggleOn { background: #A0CFFE; border-color: #458CD3; z-index:1; } .bookMode.toggleOn:after { opacity: 1 !important; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ old IMAGE PREVIEW section - need to consolidate ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .fileEdit.liquidLayout #container { height: 100%; } .fileEdit #content_container { padding: 0; } .fileEdit #header { /*position: static;*/ /*why static?*/ position: relative; } .fileEdit iframe { border: none; height: 100%; width: 100%; /*position: absolute;*/ /*firefox sets incorrect overflow sometimes(?)*/ float: left; /*gets rid of mystery spacing on bottom*/ clear: both; } .imagePreview .nativeResContainer { background: #000000; display: none; position: absolute; left: 0; right: 0; top: 49px; bottom: 0; z-index: 4; } .imagePreview .nativeResContainer .prev-button, .imagePreview .nativeResContainer .next-button { display: none; position: absolute; top: 0px; width: 100px; height: 100%; opacity: 0.5; } .imagePreview .nativeResContainer .prev-button { left: 0px; background: url(//static.mediafire.com/images/arrow-left.png) no-repeat center; /* for IE8 */ background: rgba(0, 0, 0, .50) url(//static.mediafire.com/images/arrow-left.png) no-repeat center; } .imagePreview .nativeResContainer .next-button { right: 0px; background: url(//static.mediafire.com/images/arrow-right.png) no-repeat center; /* for IE8 */ background: rgba(0, 0, 0, .50) url(//static.mediafire.com/images/arrow-right.png) no-repeat center; } .imagePreview .ico16.lock { margin: 0 5px; background-position: -420px -100px; } .imagePreview .private-label { background: #000; background: rgba(0,0,0,.75); border-radius: 12px; color: rgba(255, 255, 255, 0.75); cursor: pointer; display: none; font-size: 11px; font-weight: bold; height: 24px; line-height: 24px; padding: 0px 10px; position: fixed; left: 0; top: 74px; margin: 10px; z-index: 1; cursor: default; } .imagePreview .thumbnail .private-label { display: block; position: absolute; text-indent:-9999px; width:17px; margin: 0; right: auto; left: -14px; top: -8px; } .imagePreview .nativeResContainer .popup-close { background: url(//static.mediafire.com/images/icons/close_fullscreen.png) no-repeat; height: 25px; position: absolute; right: 15px; top: 15px; width: 25px; opacity: .5; } .imagePreview .popup-close:hover { opacity: 1; } #FP_fileDetails, #image_filename_details { display: flex; align-items: center; overflow: hidden; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MEDIA PREVIEW PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .mediaPlayerContainer { left: 50%; top: 40px; position: absolute; margin-left: -480px; } .video .mediaPlayerContainer { top: 15px; margin-left: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .mediaPreview.audio { background-color: #e5e5e5; } .mediaPreview.video { background-color: #202020; } .mediaPreview.video .title a { color: #fff; } .mediaPreview.audio .title a { color: #4f4f4f; } #mediaShare { float: left; border-radius: 0 4px 4px 0; } /*.audioShare.restrictedPlay .mediaShareItems { display: none; } .audioShare.restrictedPlay .mediaActionItems { border-left: none; }*/ /*.videoShare.restrictedPlay .mediaShareItems { display: none; } .videoShare.restrictedPlay .mediaActionItems { border-left: none; }*/ .mediaPreview.audio #audioShareKey { float: left; border-radius: 4px 0 0 4px; margin-top: -1px; width: 327px; line-height: 20px; border-right: none; } .mediaPreview #PLAY_fileAuthor { display: inline-block; line-height: 70px; cursor: default; color: #B0B0B0; max-width: 200px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .firefox #PLAY_fileAuthor { line-height: 62px; vertical-align: middle; } .mediaColumn { position: absolute; width: 320px; right: 0; top: 0; bottom:0; background: #EEEEEE; -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3); z-index: 2; text-align: left; } .mediaAvatar { line-height: 20px; margin-top: 22px; font-size: 12px; width: 215px; float: left; } .mediaAvatar h3 { color: #242628; font-size: 14px; } .mediaAvatar a { font-weight: normal; font-size: 12px; } .mediaAvatar a.editProfile { width: 25px; height: 25px; background: #fff url(//static.mediafire.com/images/icons/ico30/ico30-v9.png) -668px 3px no-repeat; border-radius: 2px; border: 1px solid #d9d9d9; display: block; position: absolute; top: 10px; right: 10px; opacity: .6; } .mediaAvatar a.editProfile:hover { opacity: 1; } .mediaAvatarImg { float: left; margin: 20px; border-radius: 4px; border: 2px solid #FFFFFF; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .5), inset 0px 0px 2px 0px rgba(0, 0, 0, .5); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .5), inset 0px 0px 2px 0px rgba(0, 0, 0, .5); height: 60px; width: 60px; } .mediaAvatarPopout { padding-right: 15px; background: url(//static.mediafire.com/images/backgrounds/indicators/ext_link.png) no-repeat right center; cursor: pointer; color: #4D5256; } .memberStatus { padding: 0px 5px; color: white; font-size: 12px; background: rgb(73, 172, 242); text-transform: uppercase; border-radius: 2px 2px 2px 2px; text-shadow: 0px 1px 0px #217bd7; } .mediaFileInfo { float: left; font-size: 12px; padding: 20px; border-top: 1px solid rgb(211, 211, 211); position: relative; width: 100%; } .mediaFileInfo span.mediaFileIcon { background: url(//static.mediafire.com/images/icons/ico30/ico30-v9.png) -853px top no-repeat; padding-left: 20px; height: 20px; opacity: .6; } .mediaFileInfo span.mediaFileDownload { background: url(//static.mediafire.com/images/icons/ico30/ico30-v9.png) -225px top no-repeat; padding-left: 20px; height: 20px; opacity: .6; } .mediaFileInfo .itemStatus { top:18px; right: -116px; } .mediaFileInfo strong a { font-size: 14px; color: #242628; } .mediaFileInfo p { margin-top: 10px; } .mediaAds { position: absolute; top: 40px; left: 50%; right: 10px; margin-left: 180px; } .getPhoneApps { border-top: 1px solid #D3D3D3; padding: 10px; text-align: center; font-size: 12px; float: left; padding: 20px; width: 280px; } .getPhoneApps img { width: 94px; margin: 10px 0 0 0; } .mediaAd { width: 300px; height: 250px; background: #666; color: #fff; /* overflow: hidden; */ position: relative; } .buyAmazon { height: 27px; border-radius: 4px; background: url(//static.mediafire.com/images/backgrounds/mediaPreview/btnBuyAmazon.png) right center no-repeat; padding:8px 100px 0 10px; display: block; position: absolute; top: 38px; right: 30px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .2); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .2); border: 1px solid #D0D0D0; font-size: 12px; color:#4F4F4F; font-weight: bold; text-transform: uppercase; display: none; } .previewAmazonLink { position: absolute; top: -25px; font-size: 12px; } .previewAmazonLink, .ico30dollar { display: none; } .audioPreview .previewAmazonLink, .audioPreview .buyAmazon, .audioPreview .ico30dollar { display: block; } .mediaPreview .labelSquare.sm { position: absolute; top: -24px; left: 50%; text-transform: uppercase; font-size: 9px; opacity: .4; padding: 2px 8px; margin-left: 282px; } .mediaPreview.video .labelSquare.sm { top: -25px; } .audio .mediaDescription { font-size: 12px; position: absolute; text-align: left; top: 275px; } .mediaDescription h3 { font-size: 12px; color: #000; text-transform: uppercase; } .video .mediaDescription { font-size: 12px; position: relative; text-align: left; margin: 120px 0px 0px; color: #8c8c8c; max-width: 530px; } .video .mediaDescription h3 { font-size: 12px; color: #fff; text-transform: uppercase; } /*#videoTopControls { height: 38px; position: relative; background: #2e2e2e; background: -webkit-linear-gradient( top, #444444 0%, #2b2b2b); background: -moz-linear-gradient( top, #444444 0%, #2b2b2b); background: -ms-linear-gradient( top, #444444 0%, #2b2b2b); background: -o-linear-gradient( top, #444444 0%, #2b2b2b); background: linear-gradient( top, #444444 0%, #2b2b2b); border-radius: 4px 4px 0 0; box-shadow: 0px -1px 0px 0px rgba(0,0,0,1), 0px 2px 3px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,0.1); } #resolutionSelector { display: none; position: absolute; top: 8px; left: 10px; font-size: 13px; color: #848484; } .video #resolutionSelector { display: block; } #resolutionSelector select { font-size: 11px; border: none; } .video #resolutionSelector select:focus { font-size: 11px; }*/ /* VIDEO PAGE DARK THEME ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .video .mediaColumn h3 { color: #ddd; font-weight: 600; } .video .mediaColumn { background: #2e2e2e; color: #868686; } .video .mediaFileInfo, .video .getPhoneApps { border-top: 1px solid #161616; } .video .mediaFileInfo strong a { font-size: 14px; color: #ddd; } .video .mediaFileInfo span.mediaFileIcon { background: url(//static.mediafire.com/images/icons/ico30/ico30_reversed-v9.png) -853px top no-repeat; } .video .mediaFileInfo span.mediaFileDownload { background: url(//static.mediafire.com/images/icons/ico30/ico30_reversed-v9.png) -225px top no-repeat; } /* FIX PAGE SCROLLING ON MOBILE DEVICES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .filePreview.mediaPreview.mobile-device .document { position: absolute; overflow: visible; min-height: 700px; } .filePreview.mediaPreview.video.mobile-device .document { background-color: #202020; } .filePreview.mediaPreview.audio.mobile-device .document { background-color: #E5E5E5; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ IMAGE PREVIEW PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .imagePreview, .imagePreview #pagePreviews .thumbWrapper { background-color: #202020; } .imagePreview .title a { color: #fff; } .imagePreview .toolBar a.toggleOn { background: #212121; } .imagePreview .toolBar a.toggleOn:after { opacity: 1; } .imagePreview .toolBar { background: #000; } .imagePreview .toolBar .ico30prevItem:after, .imagePreview .toolBar .ico30nextItem:after { opacity: .5; } .imagePreview .pageCounter { color: #fff; } .previewSelectionControls { display: none; } .galleryControls, .fullviewControls, .filmstripControls { display: none; } #container.galleryView .galleryControls, #container.fullView .fullviewControls, #container.filmstripView .filmstripControls { display: flex; } #container.imgSelectionActive .galleryControls, #container.imgSelectionActive .fullviewControls, #container.imgSelectionActive .filmstripControls { display: none; } #container.imgSelectionActive #imgControlGroup .previewSelectionControls { display: flex; } .imagePreview .document { /*overflow: hidden;*/ right: 0; } .imagePreview #scaleSelect { background-color: #404040 !important; color: #B4B4B4; } .imagePreview .pageZoom { background: #404040; } .imagePreview #container.owner .MainMenu-earnSpace { display: none; } .imagePreview #loggedin.gbtnPrimary { background-color: #404040; color: #fff; } #image_author { display: block; color: #A7A9AE; color: var(--mf-gray7); max-width: 200px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; padding-right: 10px; } .imagePreview #container.fullImageView #header { display: none; } .imagePreview #container.fullImageView .nativeResContainer { top: 0; } .imagePreview .mediaDescription { display: none; background: rgba(0, 0, 0, 0.5); bottom: 78px; color: #CCCCCC; font-size: 12px; left: 50%; position: absolute; text-align: left; top: auto; z-index: 1; border-radius: 4px; padding: 0 15px; overflow: hidden; width: 620px; margin-left: -425px; } .imagePreview .filmstripView .mediaDescription { width: 620px; margin-left: -425px; } .imagePreview .fullView .mediaDescription { width: 620px; margin-left: -333px; } .imagePreview .singleImage .mediaDescription { width: 332px; margin-left: -188px; } .imagePreview .galleryView .mediaDescription { width: 620px; margin-left: -333px; } .imagePreview .galleryView .gbtnAlt.ico30info { display: none; } .imagePreview .mediaDescription h3 { font-size: 12px; color: #fff; text-transform: uppercase; margin-top: 15px; } .imagePreview .mediaDescription p { margin-bottom: 15px; } .imagePreview .descriptionClose { background: url(//static.mediafire.com/images/icons/close_fullscreen_mini.png) no-repeat center; width: 15px; height: 15px; position: absolute; top: 10px; right: 10px; opacity: .5; cursor: pointer; } .imagePreview .descriptionClose:hover { opacity: .8; } /* MOBILE IMAGE PREVIEW */ .imagePreview.mobile-device .customLogoShared, .imagePreview.mobile-device #pagePreviews, .imagePreview.mobile-device .headerControlsBtns .ico30share, .imagePreview.mobile-device .headerControlsBtns .ico30download span, .imagePreview.mobile-device #logged_in_info, .imagePreview.mobile-device .logo, .imagePreview.mobile-device #footer, .imagePreview.mobile-device .HeaderMyFilesButton, .imagePreview.mobile-device .mediaDescription, .imagePreview.mobile-device .toolBar .ico30rotateCCW, .imagePreview.mobile-device .toolBar .ico30rotateCW, .imagePreview.mobile-device .toolBar .ico30zoomOut, .imagePreview.mobile-device .toolBar .ico30zoomIn, .imagePreview.mobile-device .ico30smallThumb, .imagePreview.mobile-device .ico30mediumThumb, .imagePreview.mobile-device .ico30largeThumb, .imagePreview.mobile-device .toolBar .ico30thumbnail, .imagePreview.mobile-device .toolBar .ico30single, .imagePreview.mobile-device .toolBar .ico30filmstrip, .imagePreview.mobile-device .toolBar .ico30info, .imagePreview.mobile-device .toolBar .pageZoom, .imagePreview.mobile-device .toolBar .pageCounter, .imagePreview.mobile-device #header .ico30saveToAccount, .imagePreview.mobile-device #header .filenameShare #image_author { display: none !important; } .imagePreview.mobile-device .toolBar .gbtnAlt.ico30prevItem, .imagePreview.mobile-device .toolBar .gbtnAlt.ico30nextItem { background: #404040; background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,.15)); background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0,.15)); background-image: -ms-linear-gradient(top, transparent, rgba(0,0,0,.15)); background-image: -o-linear-gradient(top, transparent, rgba(0,0,0,.15)); background-image: linear-gradient(top, transparent, rgba(0,0,0,.15)); border-radius: 3px; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0 2px 0 0 rgba(0,0,0,.05), inset 0 0 0 1px rgba(255,255,255,.03), inset 0 1px 0 0 rgba(255,255,255,.07); /* outline | dropshadow | innerglow | top highlight */ } .imagePreview.mobile-device .toolBar .gbtnAlt.ico30nextItem { border-radius: 0 4px 4px 0; } .imagePreview.mobile-device .toolBar .gbtnAlt.ico30prevItem { border-radius: 4px 0 0 4px; } .imagePreview.mobile-device.filePreview .filmstripView .document { right: 0; } .imagePreview.mobile-device #header, body.imagePreview.mobile-device { min-width: 0px; } body.imagePreview.mobile-device { overflow: hidden; } .imagePreview.mobile-device .filmstripView .loadingIcon { margin-left: -115px; } body.imagePreview.mobile-device .toolBar { background: none; } .imagePreview.mobile-device .filepreview-controlbar { right: 0 !important; } .imagePreview.mobile-device .dropdown ul { visibility: hidden; display: none; } .imagePreview.mobile-device .dropdown.show_dropdown > ul { visibility: visible; display: block; } .imagePreview.mobile-device #header .dropdown.dropdownOnClick.show_dropdown a[class*="gbtn"] { border-radius: 3px 3px 0 0; } body.imagePreview.mobile-device #header a.gbtnAlt.ico30download.rightBtn { border-radius: 3px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DOCUMENT PREVIEW PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .documentPreview, .fileEdit, .documentPreview #pagePreviews .thumbWrapper { background-color: #e5e5e5; } .documentPreview .title a, .fileEdit .title a { color: #4f4f4f; } .documentPreview .toolBar { background: #fff; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.03), 0 0 6px 0 rgba(0,0,0,.25); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.03), 0 0 6px 0 rgba(0,0,0,.25); box-shadow: 0 0 0 1px rgba(0,0,0,.03), 0 0 6px 0 rgba(0,0,0,.25); } .documentPreview .toolBar a.toggleOn { background: #DFDFDF; -webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.4), 0px 0px 0px 1px rgba(0, 0, 0, .15); box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.4), 0px 0px 0px 1px rgba(0, 0, 0, .15); } .documentPreview .toolBar a.toggleOn:after, .fileEdit .toolBar a.toggleOn:after { opacity: 1; } .documentPreview .toolBar .ico30prevItem:after, .documentPreview .toolBar .ico30nextItem:after { opacity: .5; } .documentPreview .pageCounter { color: #4f4f4f; } .documentPreview.filePreview .thumbPreview { padding-top: 20px; } .documentPreview #pdfPages #viewer { margin: 0px 0px 100px; } .documentPreview #container.galleryView #pdfPages #viewer { padding-left: 20px; } .documentPreview #container.galleryView #pdfPages { padding-right: 3px; } .documentPreview #pdfPages #viewer .page { width: 816px; height: 1056px; margin: 20px auto; position: relative; overflow: hidden; -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.1); -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.1); box-shadow: 0px 1px 4px rgba(0,0,0,.1); background-color: white; } .documentPreview #pdfPages #viewer .page .predraw-loader { background: url('//static.mediafire.com/images/icons/ajax-loader-big.gif') no-repeat; position: relative; margin: 0px auto; width: 32px; height: 32px; top: 125px; } .documentPreview #container.galleryView #pdfPages #viewer .page { margin-right: 5px; float: left; margin-bottom: 0; } .documentPreview #container.galleryView #pdfPages #viewer .page:last-child { margin-bottom: 100px; } .documentPreview #pdfPages #viewer .page > a { display: block; position: absolute; } .documentPreview #pdfPages #viewer .page > a:hover { opacity: 0.2; background: #ff0; box-shadow: 0px 2px 10px #ff0; -moz-box-shadow: 0px 2px 10px #ff0; -webkit-box-shadow: 0px 2px 10px #ff0; } .documentPreview .scaleSelectWrap { background: #fff; } .documentPreview #scaleSelect { background-color: #fff !important; color: #4f4f4f; } .documentPreview .pageZoom { background: #fff; border: 1px solid #D4D4D4; border-width: 1px 0; margin-top: -1px; } .documentPreview #container.galleryView .pageZoom { display: none; } .documentPreview #pagePreviews > a { display: block; position: relative; } .documentPreview.filePreview .thumbPageNumber { line-height: 25px; margin: 0; position: absolute; bottom: 0; left: 0; right: 0; color: #656565; -webkit-transition: color.5s ease; -moz-transition: color .5s ease; -ms-transition: color .5s ease; -o-transition: color .5s ease; transition: color .5s ease; } .documentPreview.filePreview #pagePreviews > a:hover .thumbPageNumber { color: #333; } .documentPreview #pagePreviews .thumbnail { background-color: transparent; padding: 10px 10px 28px; box-shadow: none; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0), 0 1px 0 0 rgba(255,255,255,0); -moz-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0), 0 1px 0 0 rgba(255,255,255,0); box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0), 0 1px 0 0 rgba(255,255,255,0); -webkit-transition: background-color .5s ease; -moz-transition: background-color .5s ease; -ms-transition: background-color .5s ease; -o-transition: background-color .5s ease; transition: background-color .5s ease; } .documentPreview #pagePreviews .thumbnail img { -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); } .documentPreview #pagePreviews .thumbnail.active { background-color: #d1d1d1; -webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.10), 0 1px 0 0 rgba(255,255,255,0.5); -moz-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.10), 0 1px 0 0 rgba(255,255,255,0.5); box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.10), 0 1px 0 0 rgba(255,255,255,0.5); } .documentPreview #pagePreviews .thumbnail.active + .thumbPageNumber { color: #333; } .documentPreview .gbtnPrimary, .documentPreview #loggedin.gbtnPrimary, .fileEdit .gbtnPrimary, .fileEdit #loggedin.gbtnPrimary { background-color: #F0F0F0; background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,.03)); background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0,.03)); background-image: -ms-linear-gradient(top, transparent, rgba(0,0,0,.03)); background-image: -o-linear-gradient(top, transparent, rgba(0,0,0,.03)); background-image: linear-gradient(top, transparent, rgba(0,0,0,.03)); -webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,.4), inset 0 0 0 1px rgba(255, 255, 255, .4), inset 0 1px 0 0 rgba(255,255,255,.8), 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 0 0 rgba(0,0,0,.06); -moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,.4), inset 0 0 0 1px rgba(255, 255, 255, .4), inset 0 1px 0 0 rgba(255,255,255,.8), 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 0 0 rgba(0,0,0,.06); box-shadow: 0 -1px 0 0 rgba(255,255,255,.4), inset 0 0 0 1px rgba(255, 255, 255, .4), inset 0 1px 0 0 rgba(255,255,255,.8), 0 0 0 1px rgba(0, 0, 0, 0.18), 0 2px 0 0 rgba(0,0,0,.06); } .documentPreview .gbtnPrimary:hover, .fileEdit .gbtnPrimary:hover { background-image: none; } .documentPreview .gbtnPrimary:active, .fileEdit .gbtnPrimary:active { background: #E6E6E6; -webkit-box-shadow: inset 0 1px 0px 0 rgba(255,255,255,.5), 0 0 0 1px rgba(0,0,0,.18); -moz-box-shadow: inset 0 1px 0px 0 rgba(255,255,255,.5), 0 0 0 1px rgba(0,0,0,.18); box-shadow: inset 0 1px 0px 0 rgba(255,255,255,.5), 0 0 0 1px rgba(0,0,0,.18); } .imagePreview #image_filename { border-radius: 3px; overflow: hidden; text-overflow: ellipsis; cursor: default; white-space: nowrap; } .fileRenameIndicator { display: none; height: 22px; width: 22px; pointer-events: none; background: url(//static.mediafire.com/images/backgrounds/indicators/rename_icon.png) 2px 1px no-repeat; flex-shrink: 0; } .imagePreview:not(.mobile-device) #container.owner .fileRenameIndicator { display: inline-block; } .documentPreview .headerControlsBtns .ico30edit, .documentPreview .headerControlsBtns .ico30collaborate, .fileEdit .headerControlsBtns .ico30edit, .fileEdit .headerControlsBtns .ico30collaborate { display: none; } .documentPreview #container.owner .ico30edit { display: block; } .documentPreview #container.owner #pdf_author, #container.owner #FP_fileAuthor, #container.owner #PLAY_fileAuthor { display: none; } .documentPreview #pagePreviews .ico30fullpage { position: fixed; z-index: 1; border-radius: 3px; padding: 0; height: 19px; width: 19px; right: 15px; margin: 0; top: 95px; background: #919191; background-image: none; -webkit-box-shadow: inset 0 1px 0 0 rgba(0,0,0,.1), 0 1px 0 0 rgba(255,255,255,.25); -moz-box-shadow: inset 0 1px 0 0 rgba(0,0,0,.1), 0 1px 0 0 rgba(255,255,255,.25); box-shadow: inset 0 1px 0 0 rgba(0,0,0,.1), 0 1px 0 0 rgba(255,255,255,.25); -webkit-transition: opacity .4s linear; -moz-transition: opacity .4s linear; -ms-transition: opacity .4s linear; -o-transition: opacity .4s linear; transition: opacity .4s linear; opacity: 0; } .documentPreview #pagePreviews .ico30fullpage:after { background-image: url(//static.mediafire.com/images/icons/ico30/ico30_reversed-v9.png); background-position: -793px top; height: 18px; width: 17px; position: absolute; top: -9px; left: 1px; opacity: .8; } .documentPreview #pagePreviews:hover .ico30fullpage { opacity: .6; } #pdf_author, #FP_fileAuthor { display: inline-block; line-height: 67px; cursor: default; color: #aaa; max-width: 200px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; padding-top: 2px; } .firefox #pdf_author, .firefox #FP_fileAuthor { line-height: 62px; } .documentPreview .filepreview-controlbar, .imagePreview .filepreview-controlbar { bottom: 20px; } .documentPreview .toolBar, .imagePreview .toolBar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 36px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SPREADSHEET PREVIEW PAGE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .documentPreview #container.spreadsheetView #pdfPages #viewer .page { margin: 20px 20px 100px; } .documentPreview .toolBar .spreadsheetName { display: none; font-size: 16px; line-height: 36px; vertical-align: text-bottom; padding: 0 20px 0 0; max-width: 700px; overflow: hidden; text-overflow: ellipsis; color: #999; } .documentPreview #container.spreadsheetView .toolBar .spreadsheetName { display: inline-block; } .documentPreview #container.spreadsheetView #hiddenForCodeView[style*="hidden"] { display: none; } .documentPreview #container.spreadsheetView .filepreview-controlbar { right: 15px; } .documentPreview #container.spreadsheetView .filepreview-controlbar { text-align: left; margin: 0 0 44px 20px; } .documentPreview #container.spreadsheetView .toolBar { padding: 0 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); } #spreadsheetViewDisclaimer { position: absolute; right: 5px; bottom: -45px; border-radius: 3px; background: #d2d2d2; padding: 5px 10px; font-size: 11px; display: none; } #container.spreadsheetView #spreadsheetViewDisclaimer { display: block; } .filePreview #container.owner .ico30saveToAccount { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CODE EDITOR ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .codeViewBtns { display: none; } #container.codeView .codeViewBtns { display: block; } .codeViewBtns .dropdown { float: right; } .codeView .ico30save span.savingTxt, .codeView .ico30save span.spinnerDot, .codeView.fileSaving .ico30save span { display: none; } .codeView.fileSaving .ico30save span.savingTxt { display: inline; } .filePreview #container.codeView.fileSaving .gbtnPrimary.ico30save:after { background: url(//static.mediafire.com/images/icons/ajax-loader-sm-round.gif) 13px center no-repeat !important; opacity: 1; } .codeView.fileNotSaved .ico30save:after { background-image: none; border-radius: 50%; background-color: red; height: 10px; width: 10px; margin-top: 12px; margin-left: 11px; } .codeView.fileNotSaved .ico30save:hover:after { opacity: .5; } #container.dreamweaver #header, #container.eclipse #header, #container.gitHub #header, #container.textmate #header, #container.xcode #header { background-color: #fff; } #container.chaos #header, #container.monokai #header, #container.twilight #header, #container.vibrant_ink #header { background-color: #454545; border-bottom: 1px solid #000; } #container.cobalt #header { background-color: #1B456A; border-bottom: 1px solid #000; } #container.chaos #header .gbtnPrimary, #container.monokai #header .gbtnPrimary, #container.twilight #header .gbtnPrimary, #container.vibrant_ink #header .gbtnPrimary, #container.cobalt #header .gbtnPrimary { background-color: rgba(255,255,255,.08); color: #fff; background-image: -webkit-linear-gradient(top, rgba(255,255,255,.15), rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, rgba(255,255,255,.15), rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, rgba(255,255,255,.15), rgba(255,255,255,0)); background-image: -o-linear-gradient(top, rgba(255,255,255,.15), rgba(255,255,255,0)); background-image: linear-gradient(top, rgba(255,255,255,.15), rgba(255,255,255,0)); -webkit-box-shadow: inset 0 1px 0 0px rgba(255,255,255,.15), 0 0 0 1px rgba(0,0,0,.1), 0 1px 0 0 rgba(0,0,0,.05), 0 2px 0px 0 rgba(0,0,0,0.05); moz-box-shadow: inset 0 1px 0 0px rgba(255,255,255,.15), 0 0 0 1px rgba(0,0,0,.1), 0 1px 0 0 rgba(0,0,0,.05), 0 2px 0px 0 rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 0px rgba(255,255,255,.15), 0 0 0 1px rgba(0,0,0,.1), 0 1px 0 0 rgba(0,0,0,.05), 0 2px 0px 0 rgba(0,0,0,0.05); } #container.chaos #header .gbtnPrimary:after, #container.monokai #header .gbtnPrimary:after, #container.twilight #header .gbtnPrimary:after, #container.vibrant_ink #header .gbtnPrimary:after, #container.cobalt #header .gbtnPrimary:after, #container.chaos #header span.smArrowDown, #container.monokai #header span.smArrowDown, #container.twilight #header span.smArrowDown, #container.vibrant_ink #header span.smArrowDown, #container.cobalt #header span.smArrowDown { background-image: url(//static.mediafire.com/images/icons/ico30/ico30_reversed-v9.png); } #container.chaos #header .gbtnPrimary:hover:after, #container.monokai #header .gbtnPrimary:hover:after, #container.twilight #header .gbtnPrimary:hover:after, #container.vibrant_ink #header .gbtnPrimary:hover:after, #container.cobalt #header .gbtnPrimary:hover:after { opacity: 1; } #container.chaos #header .dropdown.hoverShow:hover .gbtnPrimary, #container.monokai #header .dropdown.hoverShow:hover .gbtnPrimary, #container.twilight #header .dropdown.hoverShow:hover .gbtnPrimary, #container.vibrant_ink #header .dropdown.hoverShow:hover .gbtnPrimary, #container.cobalt #header .dropdown.hoverShow:hover .gbtnPrimary, #container.chaos #header .dropdown.dropdownOnClick.show_dropdown .gbtnPrimary, #container.monokai #header .dropdown.dropdownOnClick.show_dropdown .gbtnPrimary, #container.twilight #header .dropdown.dropdownOnClick.show_dropdown .gbtnPrimary, #container.vibrant_ink #header .dropdown.dropdownOnClick.show_dropdown .gbtnPrimary, #container.cobalt #header .dropdown.dropdownOnClick.show_dropdown .gbtnPrimary { background: #fff; box-shadow: none; } #container.chaos #header .dropdown.hoverShow:hover .gbtnPrimary:after, #container.monokai #header .dropdown.hoverShow:hover .gbtnPrimary:after, #container.twilight #header .dropdown.hoverShow:hover .gbtnPrimary:after, #container.vibrant_ink #header .dropdown.hoverShow:hover .gbtnPrimary:after, #container.cobalt #header .dropdown.hoverShow:hover .gbtnPrimary:after, #container.chaos #header .dropdown.dropdownOnClick.show_dropdown .gbtnPrimary:after, #container.monokai #header .dropdown.dropdownOnClick.show_dropdown .gbtnPrimary:after, #container.twilight #header .dropdown.dropdownOnClick.show_dropdown .gbtnPrimary:after, #container.vibrant_ink #header .dropdown.dropdownOnClick.show_dropdown .gbtnPrimary:after, #container.cobalt #header .dropdown.dropdownOnClick.show_dropdown .gbtnPrimary:after, #container.chaos #header .dropdown.dropdownOnClick.show_dropdown span.smArrowDown, #container.monokai #header .dropdown.dropdownOnClick.show_dropdown span.smArrowDown, #container.twilight #header .dropdown.dropdownOnClick.show_dropdown span.smArrowDown, #container.vibrant_ink #header .dropdown.dropdownOnClick.show_dropdown span.smArrowDown, #container.cobalt #header .dropdown.dropdownOnClick.show_dropdown span.smArrowDown { background-image: url(//static.mediafire.com/images/icons/ico30/ico30-v9.png); opacity: .8; } #container.chaos #header #FP_fileName, #container.monokai #header #FP_fileName, #container.twilight #header #FP_fileName, #container.vibrant_ink #header #FP_fileName, #container.cobalt #header #FP_fileName { color: #fff; } #container.owner.chaos #FP_fileDetails:hover #FP_fileName, #container.owner.monokai #FP_fileDetails:hover #FP_fileName, #container.owner.twilight #FP_fileDetails:hover #FP_fileName, #container.owner.vibrant_ink #FP_fileDetails:hover #FP_fileName, #container.owner.cobalt #FP_fileDetails:hover #FP_fileName { background: rgba(0,0,0,.3); } #container.chaos #header #image_filename, #container.monokai #header #image_filename, #container.twilight #header #image_filename, #container.vibrant_ink #header #image_filename, #container.cobalt #header #image_filename { color: #fff; } #container.owner.chaos #image_filename_details:hover #image_filename, #container.owner.monokai #image_filename_details:hover #image_filename, #container.owner.twilight #image_filename_details:hover #image_filename, #container.owner.vibrant_ink #image_filename_details:hover #image_filename, #container.owner.cobalt #image_filename_details:hover #image_filename { background: rgba(0,0,0,.3); } #container.codeView.fileNotSaved.chaos .ico30save:after, #container.codeView.fileNotSaved.monokai .ico30save:after, #container.codeView.fileNotSaved.twilight .ico30save:after, #container.codeView.fileNotSaved.vibrant_ink .ico30save:after, #container.codeView.fileNotSaved.cobalt .ico30save:after { background-color: #F93; opacity: 1; } #container.codeView.fileSaving.chaos #header .ico30save:after, #container.codeView.fileSaving.monokai #header .ico30save:after, #container.codeView.fileSaving.twilight #header .ico30save:after, #container.codeView.fileSaving.vibrant_ink #header .ico30save:after, #container.codeView.fileSaving.cobalt #header .ico30save:after { background: url(//static.mediafire.com/images/icons/ajax-loader-sm-round_dark.gif) 13px center no-repeat; opacity: .5; } #container.codeView.cobalt #FP_fileAuthor { color: #7D8FA1; } /*Theme selection check-mark*/ #container.chaos li.chaosTheme, #container.monokai li.monokaiTheme, #container.twilight li.twilightTheme, #container.vibrant_ink li.vibrant_inkTheme, #container.cobalt li.cobaltTheme, #container.dreamweaver li.dreamweaverTheme, #container.eclipse li.eclipseTheme, #container.gitHub li.githubTheme, #container.textmate li.textmateTheme, #container.xcode li.xcodeTheme { background-image: url(images/icons/custom-checkbox-tick.png); background-origin: padding-box; background-position: 95% 50%; background-repeat: no-repeat; } #pdfPages #viewer .page img { width: 100%; height: 100%; } .codeView.editPermission .ico30download { border-radius: 0 3px 3px 0; } .codeView.editPermission .ico30share { border-radius: 0px; margin-right: 1px; } .codeView.editPermission .ico30saveToAccount { border-radius: 3px 0 0 3px; margin-right: 1px; } /* Mobile */ body.documentPreview.mobile-device, .documentPreview.mobile-device #header { min-width: 100%; width: 100%; max-width: 100%; } #headerControlsDocView .headerControlsBtns.mobile-nav { display: none; -webkit-box-shadow: none; background: none; -moz-box-shadow: none; box-shadow: none; } .documentPreview.mobile-device #headerControlsDocView .headerControlsBtns.mobile-nav { display: block; padding: 0px; } .documentPreview.mobile-device .headerControlsBtns.mobile-nav .pageCounter { line-height: 28px; } .documentPreview.mobile-device.darkTheme .headerControlsBtns.mobile-nav .pageCounter { background: rgba(0,0,0,.1); color: #fff; padding: 0 5px; line-height: 34px; margin-right: -1px; } .documentPreview.mobile-device.lightTheme .headerControlsBtns.mobile-nav .pageCounter { background: rgba(0,0,0,.1); color: #000; padding: 0 5px; line-height: 34px; margin-right: -1px; } .documentPreview.mobile-device.darkTheme.freeAccount .headerControlsBtns.mobile-nav .pageCounter { background: rgba(0,0,0,.1); color: #fff; padding: 0 5px; line-height: 34px; margin-right: -1px; } .documentPreview.mobile-device .filepreview-controlbar { display: none; } .documentPreview.mobile-device #subFooterWrap { display: none !important; } .documentPreview.mobile-device #logged_in_info { display: none; } .documentPreview.mobile-device #headerControlsDocView .headerControlsBtns:not(.mobile-nav) { display: none; } .codeView + #footer { display:none; } /* This one targets high resolution screens ========================================================================== */ @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .documentPreview.mobile-device #header h1.logo a, .documentPreview.mobile-device #header h2.logo a { background: url(//static.mediafire.com/images/mobile/preview/logoDark@2x.png); background-size: 48px 26px; } .documentPreview.mobile-device a[class*="ico30"]:after { background-image: url(//static.mediafire.com/images/icons/ico30/ico30-v3@2.png); background-size: auto 20px; } } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* JPLAYER STYLES ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* * Skin for jPlayer Plugin (jQuery JavaScript Library) * http://www.jplayer.org * * Skin Name: Blue Monday * * Copyright (c) 2010-2012 Happyworm Ltd * Dual licensed under the MIT and GPL licenses. * - http://www.opensource.org/licenses/mit-license.php * - http://www.gnu.org/copyleft/gpl.html * * Author: Silvia Benvenuti * Skin Version: 4.2 (jPlayer 2.2.0) * Date: 22nd October 2012 */ body.mediaPreview { overflow: hidden; } div.jp-audio, div.jp-audio-stream, div.jp-video { /* Edit the font-size to counteract inherited font sizing. * Eg. 1.25em = 1 / 0.8em */ font-size:1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */ font-family: 'Open Sans', sans-serif; line-height:1.6; color: #666; background-color:#eee; } div.jp-video .jp-type-single { position:relative; } #jquery_jplayer_1 { z-index: 2; } div.jp-audio { width:420px; } div.jp-audio-stream { width:182px; } div.jp-video-270p { width:480px; } div.jp-video-360p { width:640px; } div.jp-video-480p { width:720px; } div.jp-video-240p { width:427px; } div.jp-video-full { /* Rules for IE6 (full-screen) */ width:480px; height:270px; /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */ position:static !important; position:relative } /* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */ div.jp-video-full div div { z-index:1000; } div.jp-video-full div.jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */ overflow: hidden; } div.jp-video-full div.jp-gui { position: fixed !important; position: static; /* Rules for IE6 (full-screen) */ top: 0; left: 0; width:100%; height:100%; z-index:1001; /* 1 layer above the others. */ } div.jp-video-full div.jp-interface { position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */ bottom: 0; left: 0; } div.jp-interface { position: relative; background-color:#eee; width:100%; } div.jp-audio div.jp-type-single div.jp-interface { height:80px; } div.jp-audio div.jp-type-playlist div.jp-interface { height:80px; } div.jp-audio-stream div.jp-type-single div.jp-interface { height:80px; } /* @group CONTROLS */ div.jp-controls-holder { clear: both; width:440px; margin:0 auto; position: relative; overflow:hidden; top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */ } div.jp-interface ul.jp-controls { list-style-type:none; margin:0; padding: 0; overflow:hidden; } div.jp-audio ul.jp-controls { width: 380px; padding:20px 20px 0 20px; } div.jp-audio-stream ul.jp-controls { width: 142px; padding:20px 20px 0 20px; } div.jp-video div.jp-type-single ul.jp-controls { width: 40px; border-right: 1px solid rgba(0,0,0,0.2); } div.jp-video div.jp-type-playlist ul.jp-controls { width: 134px; margin-left: 172px; } div.jp-video ul.jp-controls, div.jp-interface ul.jp-controls li { display:inline; float: left; } div.jp-interface ul.jp-controls a { display:block; overflow:hidden; text-indent:-9999px; } a.jp-play, a.jp-pause { width:40px; height:40px; } a.jp-play { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") 0 0 no-repeat; } a.jp-play:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -41px 0 no-repeat; } a.jp-pause { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") 0 -42px no-repeat; display: none; } a.jp-pause:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -41px -42px no-repeat; } a.jp-stop, a.jp-previous, a.jp-next { width:28px; height:28px; margin-top:6px; } a.jp-stop { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") 0 -83px no-repeat; margin-left:10px; } a.jp-stop:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -29px -83px no-repeat; } a.jp-previous { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") 0 -112px no-repeat; } a.jp-previous:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -29px -112px no-repeat; } a.jp-next { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") 0 -141px no-repeat; } a.jp-next:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -29px -141px no-repeat; } /* @end */ /* @group progress bar */ div.jp-progress { overflow:hidden; background-color: #ddd; } div.jp-audio div.jp-progress { position: absolute; top:32px; height:15px; } div.jp-audio div.jp-type-single div.jp-progress { left:110px; width:186px; } div.jp-audio div.jp-type-playlist div.jp-progress { left:166px; width:130px; } div.jp-video div.jp-progress { height: 10px; display: inline-block; width: auto; margin-top: 12px; left:90px; right: 218px; position: absolute; background: #333; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4) inset, 0 1px 0 0 rgba(255,255,255,0.1); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4) inset, 0 1px 0 0 rgba(255,255,255,0.1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4) inset, 0 1px 0 0 rgba(255,255,255,0.1); border-radius: 8px; height: 10px; } div.jp-video div.jp-seek-bar { background: #222; } div.jp-video div.jp-play-bar { height: 10px; border-radius: 8px 0px 0px 8px; box-shadow: 0 -1px 0px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0px 0 rgba(0, 0, 0, 0.7) inset, 0px 2px 5px 0px rgba(255, 255, 255, 0.5) inset; -webkit-box-shadow: 0 -1px 0px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0px 0 rgba(0, 0, 0, 0.7) inset, 0px 2px 5px 0px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 -1px 0px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0px 0 rgba(0, 0, 0, 0.7) inset, 0px 2px 5px 0px rgba(255, 255, 255, 0.5) inset; } div.jp-video div.jp-volume-bar-value { height: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px 1px rgba(255, 255, 255, 0.3) inset; -moz-box-shadow: 0 1px 1px 1px rgba(255, 255, 255, 0.3) inset; box-shadow: 0 1px 1px 1px rgba(255, 255, 255, 0.3) inset; } div.jp-seek-bar { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") 0 -202px repeat-x; width:0px; height:100%; cursor: pointer; } div.jp-play-bar { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") 0 -218px repeat-x ; width:0px; height:100%; } /* The seeking class is added/removed inside jPlayer */ div.jp-seeking-bg { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.seeking.gif"); } /* @end */ /* @group volume controls */ a.jp-mute, a.jp-unmute, a.jp-volume-max { width:18px; height:15px; margin-top:12px; } div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute { margin-left: 210px; } div.jp-audio div.jp-type-playlist a.jp-mute, div.jp-audio div.jp-type-playlist a.jp-unmute { margin-left: 154px; } div.jp-audio-stream div.jp-type-single a.jp-mute, div.jp-audio-stream div.jp-type-single a.jp-unmute { margin-left:10px; } div.jp-audio a.jp-volume-max, div.jp-audio-stream a.jp-volume-max { margin-left: 56px; } div.jp-video a.jp-mute, div.jp-video a.jp-unmute { margin-top: 9px; display: inline-block; float: right; margin-left: 5px; } div.jp-video a.jp-volume-max { margin-top: 9px; display: inline-block; float: right; margin-right: 10px; margin-left: 5px; } a.jp-mute { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") 0 -170px no-repeat; } a.jp-mute:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -19px -170px no-repeat; } a.jp-unmute { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -60px -170px no-repeat; display: none; } a.jp-unmute:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -79px -170px no-repeat; } a.jp-volume-max { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") 0 -186px no-repeat; } a.jp-volume-max:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -19px -186px no-repeat; } div.jp-volume-bar { position: absolute; overflow:hidden; background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") 0 -250px repeat-x; width:46px; height:5px; cursor: pointer; } div.jp-audio div.jp-volume-bar { top:37px; left:330px; } div.jp-audio-stream div.jp-volume-bar { top:37px; left:92px; } div.jp-volume-bar-value { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") 0 -256px repeat-x; width:0px; height:5px; } /* @end */ /* @group current time and duration */ div.jp-audio div.jp-time-holder { position:absolute; top:50px; } div.jp-audio div.jp-type-single div.jp-time-holder { left:110px; width:186px; } div.jp-audio div.jp-type-playlist div.jp-time-holder { left:166px; width:130px; } div.jp-current-time, div.jp-duration { width:60px; font-size:.64em; } div.jp-current-time { float: left; display:inline; } div.jp-duration { float: right; display:inline; text-align: right; } div.jp-video div.jp-duration, div.jp-video div.jp-controls { border-right: 1px solid rgba(0,0,0,0.2); } /* @end */ /* @group playlist */ div.jp-title { font-weight:bold; text-align:center; } div.jp-title, div.jp-playlist { width:100%; background-color:#ccc; border-top:1px solid #009be3; } div.jp-type-single div.jp-title, div.jp-type-playlist div.jp-title, div.jp-type-single div.jp-playlist { border-top:none; } div.jp-title ul, div.jp-playlist ul { list-style-type:none; margin:0; padding:0 20px; font-size:.72em; } div.jp-title li { padding:5px 0; font-weight:bold; } div.jp-playlist li { padding:5px 0 4px 20px; border-bottom:1px solid #eee; } div.jp-playlist li div { display:inline; } /* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */ div.jp-type-playlist div.jp-playlist li:last-child { padding:5px 0 5px 20px; border-bottom:none; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type:square; list-style-position:inside; padding-left:7px; } div.jp-type-playlist div.jp-playlist a { color: #333; text-decoration: none; } div.jp-type-playlist div.jp-playlist a:hover { color:#0d88c1; } div.jp-type-playlist div.jp-playlist a.jp-playlist-current { color:#0d88c1; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float:right; display:inline; text-align:right; margin-right:10px; font-weight:bold; color:#666; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover { color:#0d88c1; } div.jp-type-playlist div.jp-playlist span.jp-free-media { float:right; display:inline; text-align:right; margin-right:10px; } div.jp-type-playlist div.jp-playlist span.jp-free-media a{ color:#666; } div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{ color:#0d88c1; } span.jp-artist { font-size:.8em; color:#666; } /* @end */ div.jp-video-play { width:100%; overflow:hidden; /* Important for nested negative margins to work in modern browsers */ cursor:pointer; background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */ } div.jp-video-270p div.jp-video-play { margin-top:-270px; height:270px; } div.jp-video-240p div.jp-video-play { margin-top:-240px; height:240px; } div.jp-video-360p div.jp-video-play { margin-top:-360px; height:360px; } div.jp-video-480p div.jp-video-play { margin-top:-480px; height:480px; } div.jp-video-full div.jp-video-play { height:100%; } a.jp-video-play-icon { position:relative; display:block; width: 112px; height: 100px; margin-left:-56px; margin-top:-50px; left:50%; top:50%; background: url("/js/jplayer/blue.monday/jplayer.blue.monday.video.play1.png") 0 0 no-repeat; text-indent:-9999px; } div.jp-video-play:hover a.jp-video-play-icon { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.video.play1.png") 0 -100px no-repeat; } div.jp-jplayer audio, div.jp-jplayer { width:0px; height:0px; } div.jp-jplayer { background-color: #000000; border-radius: 4px 4px 0px 0px; } /* @group TOGGLES */ /* The audio toggles are nested inside jp-time-holder */ ul.jp-toggles { list-style-type:none; padding:0; margin:0 auto; overflow:hidden; } div.jp-audio .jp-type-single ul.jp-toggles { width:25px; } div.jp-audio .jp-type-playlist ul.jp-toggles { width:55px; margin: 0; position: absolute; left: 325px; top: 50px; } div.jp-video ul.jp-toggles { margin-top: 4px; width: 52px; display: inline-block; float: right; margin-right:5px; } ul.jp-toggles li { display:block; float:right; } ul.jp-toggles li a { display:block; width:25px; height:18px; text-indent:-9999px; line-height:100%; /* need this for IE6 */ } a.jp-full-screen { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") 0 -310px no-repeat; } a.jp-full-screen:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -30px -310px no-repeat; } a.jp-restore-screen { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -60px -310px no-repeat; } a.jp-restore-screen:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -90px -310px no-repeat; } a.jp-repeat { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") 0 -290px no-repeat; } a.jp-repeat:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -30px -290px no-repeat; } a.jp-repeat-off { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -60px -290px no-repeat; } a.jp-repeat-off:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -90px -290px no-repeat; } a.jp-shuffle { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") 0 -270px no-repeat; margin-left: 5px; } a.jp-shuffle:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -30px -270px no-repeat; } a.jp-shuffle-off { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -60px -270px no-repeat; margin-left: 5px; } a.jp-shuffle-off:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.jpg") -90px -270px no-repeat; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-no-solution { padding:5px; font-size:.8em; background-color:#eee; border:2px solid #009be3; color:#000; display:none; } .jp-no-solution a { color:#000; } .jp-no-solution span { font-size:1em; display:block; text-align:center; font-weight:bold; } /* @end */ /* LIGHT AUDIO MEIDAFIRE STYLES */ .mediaFireAudioPlayer { width: 640px; margin: 0 auto; background: #fff; border-radius: 4px 4px 0 0; position: relative; -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, .2); box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, .2); text-align: left; z-index: 1; } .mediaFireAudioPlayer img.audioCoverArt { float: left; border-radius: 4px 0 0 0; } .audioCredits { margin: 30px 0 0 30px; float: left; text-align: left; } .audioCredits h3, .audioCredits span { max-width: 460px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block; } .audioPreview .audioCredits h3, .audioPreview .audioCredits span { max-width: 280px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block; } a#PLAY_shareButton.ico30share span { display: none; } .audioPreview a#PLAY_shareButton.ico30share span { display: inline; } div.jp-audio { border: none; background: #f4f4f4; float: left; width:640px; } div.jp-audio div.jp-interface { -webkit-box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.1) inset, 0 2px 0px 0px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.1) inset, 0 2px 0px 0px rgba(0, 0, 0, 0.05) inset; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.07))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 100%); /* W3C */ } div.jp-audio div.jp-interface:after { content:""; height: 35px; width: 1px; background: #ccc; position: absolute; left:35px; top:0; } div.jp-audio div.jp-interface:before { content:""; height: 35px; width: 1px; background: #ccc; position: absolute; right:105px; top:0; } div.jp-audio ul.jp-controls { width: auto; padding: 0; } div.jp-audio div.jp-type-single div.jp-interface { height: 35px; } div.jp-audio a.jp-play, div.jp-audio a.jp-pause { width: 30px; height: 30px; margin: 2px; } /* CONTROLS */ div.jp-audio a.jp-play { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.png") 0 0 no-repeat; } div.jp-audio a.jp-play:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.png") -41px 0 no-repeat; } div.jp-audio a.jp-pause { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.png") 0 -42px no-repeat; display: none; } div.jp-audio a.jp-pause:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.png") -41px -42px no-repeat; } div.jp-audio a.jp-mute { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.png") 0 -170px no-repeat; } div.jp-audio a.jp-mute:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.png") -19px -170px no-repeat; } div.jp-audio a.jp-unmute { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.png") -60px -170px no-repeat; display: none; } div.jp-audio a.jp-unmute:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.png") -79px -170px no-repeat; } div.jp-audio a.jp-volume-max { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.png") 0 -186px no-repeat; } div.jp-audio a.jp-volume-max:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.png") -19px -186px no-repeat; } div.jp-audio a.jp-repeat { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.png") 0 -290px no-repeat; } div.jp-audio a.jp-repeat:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.png") -30px -290px no-repeat; } div.jp-audio a.jp-repeat-off { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.png") -60px -290px no-repeat; } div.jp-audio a.jp-repeat-off:hover { background: url("/js/jplayer/blue.monday/jplayer.blue.monday.png") -90px -290px no-repeat; } /* END CONTROLS */ div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute { margin: auto; position: absolute; right: 80px; top: 10px; } div.jp-audio a.jp-volume-max, div.jp-audio-stream a.jp-volume-max { margin: auto; position: absolute; right: 10px; top: 9px; } div.jp-audio div.jp-volume-bar { left: 561px; top: 15px; border-radius: 2px; -webkit-box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.15) inset; box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.15) inset; } div.jp-volume-bar-value { -webkit-box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.2) inset, 0 2px 0px 0 rgba(255, 255, 255, 0.3) inset; box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.2) inset, 0 2px 0px 0 rgba(255, 255, 255, 0.3) inset; } div.jp-audio div.jp-type-single div.jp-progress { left: 89px; width: 361px; top: 12px; z-index: 1; border-radius: 6px; -webkit-box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.1) inset, 0 2px 0px 0px rgba(0, 0, 0, 0.05) inset, 0px 1px 0px 0px rgba(255, 255, 255, 1); box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.1) inset, 0 2px 0px 0px rgba(0, 0, 0, 0.05) inset, 0px 1px 0px 0px rgba(255, 255, 255, 1); } div.jp-audio div.jp-progress { height: 12px; } div.jp-seek-bar { -webkit-box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.15) inset; box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.15) inset; border-radius: 8px; } div.jp-play-bar { -webkit-box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.2) inset, 0 2px 0px 0 rgba(255, 255, 255, 0.3) inset; box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.2) inset, 0 2px 0px 0 rgba(255, 255, 255, 0.3) inset; border-radius: 8px 0 0 8px; } div.jp-audio div.jp-type-single div.jp-time-holder { left: 44px; width: 454px; top: 9px; position: absolute; } div.jp-audio .jp-type-single ul.jp-toggles { position: absolute; right: -30px; } /* AUDIO SHARE NUGGET ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .audioShare { position: absolute; right: 50%; width: 640px; margin-right: -321px; background: #d4d4d4; height: 103px; border: 1px solid #C0C0C0; border-radius: 0 0 4px 4px; } ul.mediaShareMode { position: absolute; left: 0; top: 0; right: 180px; height: 30px; display: none; } .mediaShareMode li { float: left; margin-right: 13px; margin-left: 13px; } .mediaShareMode li a { line-height: 28px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #9c9c9c; } .mediaShareMode li a:hover { border-bottom: 2px solid #9c9c9c; } .mediaShareMode li a.active { color: #242628; border-bottom: 2px solid #029ae3; } .mediaShareKey { /*width: 432px;*/ position: relative; top: 10px; left: 10px; } #mediaShare { line-height: 37px; margin-right: 0; } .audioPreview .mediaShareKey #mediaShare { display: block !important; } .audioPreview #PLAY_saveToAccountButton { display: none; } .audioPreview .mediaActionItems { padding-top: 30px; } .audioPreview #PLAY_audio_saveToAccount { display: none; } .audioPreview #PLAY_audio_shareFile { margin-right: 10px; border-radius: 3px; } .mediaFireAudioPlayer .labelRibbon { display: none; } .audioPreview .mediaFireAudioPlayer .labelRibbon { display: block; } .audioPreview .audioCredits { margin-left: 40px; } .audioCredits .helpIcon { display: none; position: absolute; left: 119px; top: 33px; background: #999; box-shadow: none; } .audioCredits .helpIcon:before { content: "i"; font-size: 12px; font-family: georgia; font-weight: normal; } .audioPreview .audioCredits .helpIcon { display: block; } .mediaActionItems { width: 163px; right: 0; top: 0; bottom: 0; position: absolute; text-align: left; border-left: 1px solid #C0C0C0; padding: 18px 0 0 25px; } .mediaActionItems li a { color:#545658; } .audio .mediaActionItems li a:hover { color:#000; } .mediaActionItems li:after, .mediaActionItems a:after { margin-top: 0; margin-left: 5px; margin-right: 10px; } /* Dark Video Player Styles */ .jp-btns a[class*="ico30"]:after { background-image: url(//static.mediafire.com/images/icons/ico30/ico30_reversed-v4.png); } .copyRightFiles .jp-btns a.prevBtn { float: left; background: #1a1a1a; color: #444; padding-left: 13px; -webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.5) inset, 0px 1px 0px 0px rgba(255,255,255,0.1); -moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.5) inset, 0px 1px 0px 0px rgba(255,255,255,0.1); box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.5) inset, 0px 1px 0px 0px rgba(255,255,255,0.1); } .jp-btns a.prevAmazon:after { content: ""; width: 80px; margin-bottom: -13px; height: 33px; display: inline-block; background: url(//static.mediafire.com/images/backgrounds/mediaPreview/btnBuyAmazon.png) 4px 2px no-repeat; margin-left: 6px; } .jp-btns .gbtnAlt.ico30link { float:left; margin-left: 2px; border-radius: 0px 4px 4px 0px; } .jp-btns input.videoLink { height: 18px; float: left; display: inline-block; border-radius: 4px 0px 0px 4px; background-color: #ddd; } .copyrightOverlay { position: absolute; bottom: 30px; width: 90%; margin-left: 5%; margin-bottom: 5%; background: #1e1e1e; background: rgba(0,0,0,0.75); border-radius: 4px; display:none; cursor:pointer; } .copyrightOverlay p { font-size: 12px; color: #ddd; font-weight: 300; padding: 20px; position:relative; } .copyrightOverlay p:after { content:""; position: absolute; top:5px; right: 5px; height:15px; width:15px; background: url(//static.mediafire.com/images/icons/close_fullscreen_mini.png) no-repeat; } .copyRightFiles .copyrightOverlay { display:block; } .copyRightFiles .copyrightOverlay.hide { display:none; } #videoTitle { text-align: left; padding-bottom: 5px; width: 640px; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; } .copyRightFiles #videoTitle { width: 460px; } .copyRightFiles #PLAY_downloadButton { display:none; } .copyRightFiles #PLAY_buyTrackButton { display:block; } .copyRightFiles .ico .jp-btns { width: 650px; position:absolute; bottom:-50px; right:-10px; } .playerFBbtn { background-image: url(//static.mediafire.com/images/backgrounds/newHome/loginActivateFB_v2.png); background-position: center; } .playerTWbtn { background-image: url(//static.mediafire.com/images/backgrounds/newHome/loginActivateTW_v2.png); background-position: center; } .playerFBbtn, .playerTWbtn { display:block; height: 20px; width: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: rgba(0, 0, 0, .2); background-repeat: no-repeat; -webkit-box-shadow: inset 0 1px 0px 0 rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, .075), 0 1px 0 0 rgba(255, 255, 255, .3); -moz-box-shadow: inset 0 1px 0px 0 rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, .075), 0 1px 0 0 rgba(255, 255, 255, .3); box-shadow: inset 0 1px 0px 0 rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, .075), 0 1px 0 0 rgba(255, 255, 255, .3); z-index: 1501; } .socMediaWrapFB:hover > .playerFBbtn, .socMediaWrapTW:hover > .playerTWbtn { background-color: rgba(0,0,0,.4); } .socMediaWrapTW, .socMediaWrapFB { float: right; position: absolute; top: 0px; padding: 8px 2px; } .socMediaWrapTW { right: 10px; } .socMediaWrapFB { right: 35px; } .jp-btns a.prevAmazon, .jp-btns a.prevBtn { display:none; } .copyRightFiles .jp-btns a.prevAmazon, .copyRightFiles .jp-btns a.prevBtn { display:inline-block; } .copyRightFiles .jp-btns .copyrightHideBtn { display: none; } div.jp-video { background-color:transparent !important; } div.jp-video div.jp-controls-holder { width: 100%; margin: 0; padding: 0; position: relative; overflow: hidden; display: block; top: 0px; } div.jp-video a.jp-play, div.jp-video a.jp-pause { width: 40px; height: 35px; } div.jp-video div.jp-current-time, div.jp-video div.jp-duration { width: 50px; height: 26px; padding-top: 8px; padding-right:3px; font-size: 0.64em; text-align: center; display:inline-block; color: #999; margin-right: 5px; } div.jp-video div.jp-volume-bar { background: #222; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4) inset, 0 1px 0 0 rgba(255,255,255,0.1); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4) inset, 0 1px 0 0 rgba(255,255,255,0.1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4) inset, 0 1px 0 0 rgba(255,255,255,0.1); border-radius: 8px; padding-top: 1px; position: relative; overflow: hidden; width: 46px; height: 5px; margin-top: 14px; cursor: pointer; float: right; display: inline-block; top:auto; left:auto; } div.jp-video ul.jp-toggles li { display: inline-block; float:right; } div.jp-video div.jp-interface { background: #2e2e2e; background: -moz-linear-gradient( top, #444444 0%, #2b2b2b); background: -webkit-gradient( linear, left top, left bottom, from(#444), to(#2b2b2b)); -moz-box-shadow: 0px -1px 0px 0px rgba(0,0,0,1), 0px 2px 3px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,0.1); -webkit-box-shadow: 0px -1px 0px 0px rgba(0,0,0,1), 0px 2px 3px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,0.1); box-shadow: 0px -1px 0px 0px rgba(0,0,0,1), 0px 2px 3px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,0.1); } div.jp-video ul.jp-toggles li a { width: 20px; height:20px; margin-right:5px; margin-top: 2px; } div.jp-video a.jp-play { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") 0 -3px no-repeat; } div.jp-video a.jp-play:hover { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") -41px -3px no-repeat; } div.jp-video a.jp-pause { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") 1px -45px no-repeat; display: none; } div.jp-video a.jp-pause:hover { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") -40px -45px no-repeat; } div.jp-video a.jp-mute { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") 0 -170px no-repeat; } div.jp-video a.jp-mute:hover { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") -19px -170px no-repeat; } div.jp-video a.jp-unmute { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") -60px -170px no-repeat; display: none; } div.jp-video a.jp-unmute:hover { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") -79px -170px no-repeat; } div.jp-video a.jp-volume-max { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") 0 -186px no-repeat; } div.jp-video a.jp-volume-max:hover { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") -19px -186px no-repeat; } div.jp-video a.jp-quality { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") -4px -310px no-repeat; } div.jp-video a.jp-full-screen { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") -4px -310px no-repeat; } div.jp-video a.jp-full-screen:hover { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") -34px -310px no-repeat; } div.jp-video a.jp-restore-screen { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") -64px -310px no-repeat; } div.jp-video a.jp-restore-screen:hover { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") -94px -310px no-repeat; } div.jp-video a.jp-repeat { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") -4px -290px no-repeat; } div.jp-video a.jp-repeat:hover { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") -34px -290px no-repeat; } div.jp-video a.jp-repeat-off { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") -64px -290px no-repeat; } div.jp-video a.jp-repeat-off:hover { background: url("/js/jplayer/blue.monday/dark-player-sprite.png") -94px -290px no-repeat; } /* Video SHARE NUGGET ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .videoShare { position: absolute; width: 100%; min-height: 55px; left:0px; right: 0px; background: #1e1e1e; border-radius: 0 0 4px 4px; -webkit-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 1); box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 1); font-size: 14px; z-index: 1; } .videoShare .mediaShareMode li { float: left; margin-right: 13px; margin-left: 13px; } .videoShare .mediaShareMode li a { color: #5a5a5a; } .videoShare .mediaShareMode li a:hover { border-bottom: 2px solid #5a5a5a; } .videoShare .mediaShareMode li a.active { color: #d6d6d6; border-bottom: 2px solid #029ae3; } #videoShareKey { float: left; border-radius: 4px 0 0 4px; width: 353px; background: #262626; border: none; box-shadow: none; color: #D6D6D6; margin-top:0px; line-height: 20px; } .videoShare .mediaActionItems { border-left: 1px solid #000; width: 154px; padding: 15px 0 0 10px; } .videoShare .mediaActionItems li:after, .videoShare .mediaActionItems a:after { margin-top: 0; padding-left: 10px; background-image: url(//static.mediafire.com/images/icons/ico30/ico30_reversed-v9.png) } .mediaActionItems li a { color:#8c8c8c; } .mediaActionItems li a:hover { color:#fff; } #mediaShare { margin-right: 30px; } /* //////////////////////////////////////////////////////////////////////////// */ /* LOADING MESSAGES /////////////////////////////////////////////////////////// */ .video .loadingWrapper { position: absolute; width: 180px; height: 100px; background: black; border-radius: 4px; margin-left: -90px; margin-top: -50px; top: 50%; left: 50%; color: #fff; font-size: 16px; opacity: 0.8; display:none; z-index: 1; } .audio .loadingWrapper { position: absolute; top: 0px; left: 0px; width: 110px; height: 110px; background: white; opacity: 0.8; display:none; } .loadingWrapper span { margin-top: 12px; display: block; text-align: center; } .video .loadingWrapper .loadingSpinner { background: url(//static.mediafire.com/images/backgrounds/myfiles/spinner/videoSpinner.gif) center no-repeat; height: 32px; width: 32px; margin: 10px auto; } .audio .loadingWrapper .loadingSpinner { background: url(//static.mediafire.com/images/backgrounds/myfiles/spinner/audioSpinner.gif) center no-repeat; height: 32px; width: 32px; margin: 6px auto; } /* //////////////////////////////////////////////////////////////////////////// */ /* ERROR MESSAGES ///////////////////////////////////////////////////////////// */ .playerError { position: absolute; background: #000; top: 0px; left: 0px; right: 0px; bottom: 0px; color: #fff; font-size: 16px; z-index: 1; border-radius: 4px; display: none; } .audio .playerError { background: #FFF; } .video .playerErrorMessage { font-size: 18px; font-weight: 300; padding-top: 240px; padding-bottom: 120px; background: url(//static.mediafire.com/images/backgrounds/error/error_warning.png) top center no-repeat; } .audio .playerErrorMessage { background: url(//static.mediafire.com/images/backgrounds/error/error_warning_sm.png) center left no-repeat; color: #666; font-size: 18px; font-weight: 300; padding-left: 135px; margin: 28px 20px; padding: 30px 0px 30px 120px; } .jp-error .playerError { display: block; } .jp-error .jp-interface { visibility: hidden; } .audio .jp-error div#jp_container_1 { position: static!important; } #jp_container_1 .labelRibbon { display: none; } .copyRightFiles #jp_container_1 .labelRibbon { display: block; } .copyRightFiles #PLAY_video_saveToAccount, .copyRightFiles #FP_downloadFile, .copyRightFiles #PLAY_saveToAccountButton { display: none; } .copyRightFiles #PLAY_video_shareFile { margin-right: 10px; border-radius: 3px; } .video #PLAY_shareButton span { display: none; } .copyRightFiles.video #PLAY_shareButton span { display: inline; } .copyRightFiles .videoShare .mediaActionItems { padding-top: 30px; } .copyRightFiles #mediaShare { display: block !important; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* SOCIAL MEDIA SHARING /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .socialMediaButtons { height: 30px; width: 440px; position: relative; margin: 12px 10px 10px; float:left; clear: both; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* REMOVE ADS BUTTONS /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .removeAdBtn { position: absolute; color: #397ebb; font-size: 12px; padding-left: 15px; background: url(//static.mediafire.com/images/icons/blue_x_sm.png) 0 center no-repeat; right: 0; bottom: -18px; cursor: pointer; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* PERMISSION BASED SHARING ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* //////////////////////////////////////////////////////////////////////////// */ /* SHARE LINK DISABLED //////////////////////////////////////////////////////// */ .shareLinkDisabled .ico30share:after { background-position: -1142px top; } .shareLinkDisabled .mediaShareKey { opacity: 0.3; pointer-events: none; } .shareLinkDisabled .mediaSocialShare li a { background-color: #999; pointer-events: none; opacity: 0.7; } /* //////////////////////////////////////////////////////////////////////////// */ /* FOLLOW / UNFOLLOW ////////////////////////////////////////////////////////// */ .showFollowing .ico30saveToAccount, .ico30following, .ico30removeFromAccount { display: none; } /* following button not working properly in image viewer, hide for now - gabe 8/3/17 */ /*.showFollowing .ico30following, .showFollowing .ico30removeFromAccount { display: inline; width: 104px; }*/ .unfollowHover { display: none; } .ico30following:hover .unfollowHover { display: inline; } .ico30following:hover .followingTxt { display: none; } .ico30following:hover:after { background-position: -2040px 0px; height: 37px; } /* //////////////////////////////////////////////////////////////////////////// */ /* SHARE DIALOG /////////////////////////////////////////////////////////////// */ /* Hiding Contact Lists and Add Contact Field -------------------------------------------*/ .nonOwner #current-contactsWrap, .nonOwner #sharebox-contacts { display: none; } /*.nonOwner.editPermission #current-contactsWrap, .nonOwner.editPermission #sharebox-contacts { display:block; }*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* ALTER LAYOUT FOR SMALL VIEWPORTS //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .siteMinWidth .nonOwner.showFollowing .ico30following span, .siteMinWidth .nonOwner.showFollowing .ico30following:hover span.unfollowHover { display: inline; } .siteMinWidth .nonOwner.showFollowing .ico30following span.unfollowHover, .siteMinWidth .nonOwner.showFollowing .ico30following:hover span.followingTxt { display: none; } .siteMinWidth #container.nonOwner .ico30saveToAccount, .siteMinWidth #container.nonOwner .ico30following { border-radius: 3px 0 0 3px; margin-right: 1px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* EMEBEDDED VIDEO: MAKE SIZE RESPONSIVE TO VIEWPORT /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* SET DEFAULT */ #embeddedVideoFrame { width: 1280px; height: 720px; } /* //////////////////////////////////////////////////////////////////////////// */ /* SETTINGS BASED ON WIDTH //////////////////////////////////////////////////// */ /* HDTV 1080p, 16:9 */ @media screen and (max-width: 4000px), screen and (max-height: 4000px) { #embeddedVideoFrame { width: 1920px; height: 1080px; } } /* HDTV 720p, 16:9 */ @media screen and (max-width: 2450px), screen and (max-height: 1170px) { #embeddedVideoFrame { width: 1280px; height: 720px; } } /* SDTV, 16:9 */ @media screen and (max-width: 1340px), screen and (max-height: 810px) { #embeddedVideoFrame { width: 854px; height: 480px; } } /* nHD (1/9 full HD), 16:9 */ @media screen and (max-width: 890px), screen and (max-height: 570px) { #embeddedVideoFrame { width: 640px; height: 360px; } } /* 240p, 16:9 (non-standard size) */ /*@media screen and (max-width: 920px), screen and (max-height: 575px) { #embeddedVideoFrame { width: 427px; height: 240px; } }*/