/*@charset "UTF-8";*/ /* CSS Document */ /* MediaFire Master Stylesheet, Ver. 4 */ /*-------------------------------------------------------------------- GLOBAL CSS global.css.php ---------------------------------------------------------------------- CONCATENATED FILE, PART OF: /css/mfv4_(build number).php?ver=nonssl&date=(build date) ---------------------------------------------------------------------- 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, not part of mfv4 file ] --------------------------------------------------------------------*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* RESETS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; } body { } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } ::-moz-focus-inner { border: 0; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* DEFAULTS FOR BASIC ELEMENTS ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ html, body { height: 100%; background: #fff; color: #4f4f4f; font: normal normal normal 14px/1.6 'Open Sans', sans-serif; } html { min-width: 0px; } body { min-width: 940px; } body.signUp { overflow-y: scroll; } body.mobileDocPreview { min-width: 0; } body.lightbox { overflow: hidden; } body.windows.lightbox, body.linux.lightbox, .widows.lightbox .viewtabs_bar, .linux.lightbox .viewtabs_bar, .widows.lightbox #myfiles_controlbar_wrap, .linux.lightbox #myfiles_controlbar_wrap, .widows.lightbox #header, .linux.lightbox #header { padding-right:20px; } /*.windows.lightbox #myfiles_sidebar_outer, .linux.lightbox #myfiles_sidebar_outer { margin-left: -20px; }*/ h1, h2, h3, h4, h5, h6 { } h1 { } h2 { } h3 { } h4 { } h5 { } h6 { } a { color: #3190D3; text-decoration: none; } ::selection, -moz-selection { background: rgba(0, 160, 250, 0.5); color: white; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); } a:hover { text-decoration: none; color:#d85724; } .hide { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* WRAPPER ELEMENTS WITHIN ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #container { min-height: 100%; z-index: 1; padding-top: 70px; } .myfiles #container, .recentChanges #container, .sharedWithMe #container { padding-top: 0; background: #fff; } .signUp #container, .signUpRegister #container, .checkOut #container, .changePlan #container { padding-top: 0; } #content_container { /* padding-bottom: 300px; */ z-index: 1; } .myfiles #content_container { padding-bottom: 0; } .wrap { width: 960px; margin: 0 auto; } #page_screen { background-color:#000; filter: alpha(opacity=10); opacity: 0; position: fixed; top: 0px; left: 0px; bottom: 0; width: 100%; height: auto !important; display: none; z-index: 1000; } .modalMobile { overflow: hidden; position: fixed; width: 100%; height: 100%; } body.signup.modalMobile { height:100%; } .modalMobile #page_screen { display: none !important; } .modalMobile .floatingTabsBox { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* HORIZONTAL PAGE SUBNAV (used on getting started and tours) ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .subNavBar { width: 100%; height: 46px; margin-top: -1px; background: #EDF1F5; position: relative; z-index: 1; margin-top: -2px; background: -moz-linear-gradient(top, #EDF1F5 0%, #BFD0E0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EDF1F5), color-stop(100%, #BFD0E0)); background: -webkit-linear-gradient(top, #EDF1F5 0%, #BFD0E0 100%); background: -o-linear-gradient(top, #EDF1F5 0%, #BFD0E0 100%); background: -ms-linear-gradient(top, #EDF1F5 0%, #BFD0E0 100%); background: linear-gradient(top, #EDF1F5 0%, #BFD0E0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf1f5', endColorstr='#bfd0e0',GradientType=0 ); } .subNavBar li { float: left; border-left: 1px solid #A2BBD1; } .subNavBar li:last-child { border-right: 1px solid #A2BBD1; } .subNavBar li.current { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,1) 100%); /* W3C */ } .subNavBar a { display: block; padding: 12px 25px 12px 25px; color: black; font-weight: bold; text-shadow: 0px 1px 1px white; text-align: center; border-left: 1px solid #E8EEF4; border-right: 1px solid #E8EEF4; } .subNavBar a:hover { color: #3190D3; } /* Style Overrides for lists */ .listBullet { list-style-type: disc; margin-left: 1em; } li.aboutBullet { list-style: disc outside none; margin-left: 1em; padding-left: 1em; text-indent: -1em; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* TABLE STYLES //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ table { border: 1px solid #cdd0d4; width: 100%; background: #dfe2e6; padding: 2px; border-collapse: separate; -moz-box-shadow: inset 0px 1px 0px #fff; -webkit-box-shadow: inset 0px 1px 0px #fff; box-shadow: inset 0px 1px 0px #fff; margin-bottom: 20px; } th { text-align: left; font-size: 12px; } td, th { padding:5px; } tbody tr { background: #fff; } tbody tr td { border-bottom: 1px solid #eee; border-top: 1px solid #fff; } tbody tr td:first-child { border-left: 1px solid #cdd0d4; } tbody tr td:last-child { border-right: 1px solid #cdd0d4; } tbody tr:last-child td { border-bottom: 1px solid #CDD0D4; -moz-box-shadow: 0px 1px 0px #fff; -webkit-box-shadow: 0px 1px 0px #fff; box-shadow: 0px 1px 0px #fff; } tbody tr:first-child td { border-top: 1px solid #cdd0d4; } table.split-cells { border-spacing: 2px; padding:0; } table.split-cells tbody tr td { border: 1px solid #cdd0d4; -moz-box-shadow: 0px 1px 0px #fff; -webkit-box-shadow: 0px 1px 0px #fff; box-shadow: 0px 1px 0px #fff; } table.split-cells th { padding-bottom: 0; } td > .btn { display: block; } table .lg-txt { font-size: 21px; font-weight: bold; } .account_header_table table tr td, .account_header_table table tr th { text-align: center; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* PSEUDO TABLE (for when you want the look of a table, but not the markup:) /////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .pseudoTable { border:1px solid #cdd0d4; background: #dfe2e6; padding:2px; -moz-box-shadow: inset 0px 1px 0px #fff; -webkit-box-shadow: inset 0px 1px 0px #fff; box-shadow: inset 0px 1px 0px #fff; font-size: 12px; } .pseudoTable .ptHead { padding: 4px 8px; font-weight: bold; overflow: auto; } .pseudoTable ul { background: #fff; border: 1px solid #cdd0d4; -moz-box-shadow: 0px 1px 0px #fff; -webkit-box-shadow: 0px 1px 0px #fff; box-shadow: 0px 1px 0px #fff; margin: 0 !important; } .pseudoTable li { background: #fff; border-bottom: 1px solid #eee; border-top: 1px solid #fff; padding: 5px; overflow: auto; } .pseudoTable li div, .ptHead div { float: left; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* BUTTONS ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .btn, input[type="button"].btn, input[type="submit"] { display: inline-block; padding: 8px; margin: 0; font: normal normal normal 13px/13px 'Open Sans', sans-serif; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-decoration: none; -webkit-user-select: none; -khtml-user-select: none; /*-moz-user-select: none; */ /* Commented by ddean - this was breaking selection of text in textfields in firefox. */ -o-user-select: none; user-select: none; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 1px 0px rgba(255,255,255,.7); /*top, all edges, bottom outer*/ box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 1px 0px rgba(255,255,255,.7); /*top, all edges, bottom outer*/ box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 1px 0px rgba(255,255,255,.7); /*top, all edges, bottom outer*/ } .btn:hover { text-decoration: none; } .primary.btn, input[type="button"].primary.btn, input[type="submit"] { color: white; border: 1px solid #1F3D5C; background-color: #304A64; background-image: -webkit-gradient(linear, left top, left bottom, from(#3F6483), to(#2e6499)); background-image: -webkit-linear-gradient(top, #3F6483, #304A64); background-image: -moz-linear-gradient(top, #3F6483, #304A64); background-image: -ms-linear-gradient(top, #3F6483, #304A64); background-image: -o-linear-gradient(top, #3F6483, #304A64); background-image: linear-gradient(top, #3F6483, #304A64); /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3F6483', EndColorStr='#304A64');*/ text-shadow: 0px -1px 0px #000; } .secondary.btn, input[type="button"] { color: #565E67; border: 1px solid #A3A6A8; background-color: #D4D8DB; background-image: -webkit-gradient(linear, left top, left bottom, from(#E7EBEE), to(#D4D8DB)); background-image: -webkit-linear-gradient(top, #E7EBEE, #D4D8DB); background-image: -moz-linear-gradient(top, #E7EBEE, #D4D8DB); background-image: -ms-linear-gradient(top, #E7EBEE, #D4D8DB); background-image: -o-linear-gradient(top, #E7EBEE, #D4D8DB); background-image: linear-gradient(top, #E7EBEE, #D4D8DB); /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E7EBEE', EndColorStr='#D4D8DB');*/ text-shadow: 0px 1px 0px #fff; } .alt.btn, input[type="button"].alt.btn { color: white; border: 1px solid #468000; background-color: #629721; background-image: -webkit-gradient(linear, left top, left bottom, from(#83b842), to(#629721)); background-image: -webkit-linear-gradient(top, #83b842, #629721); background-image: -moz-linear-gradient(top, #83b842, #629721); background-image: -ms-linear-gradient(top, #83b842, #629721); background-image: -o-linear-gradient(top, #83b842, #629721); background-image: linear-gradient(top, #83b842, #629721); /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#83b842', EndColorStr='#629721');*/ text-shadow: 0px -1px 0px #000; } .btn:active, .btn.toggleOn, input[type="button"]:active { background-image: none; -moz-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255,255,255,.5); -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255,255,255,.5); box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255,255,255,.5); } .btn.sm { padding: 5px 15px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* NEW BUTTONS ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* ======= GLOBAL BTN ======= */ div[class*="gbtn"], a[class*="gbtn"], li[class*="gbtn"], button[type="button"], input[type="reset"], input[type="submit"] { border-radius: 3px; float: right; position: relative; margin-right: 10px; font-family: 'Open Sans', sans-serif; font-size: 13px; /*font-weight: bold;*/ font-weight: 600; padding: 0 13px 0 0; cursor: pointer; height: 36px; line-height: 36px; border: 0; outline: 0; } input[type="submit"].gbtnPrimary, input[type="submit"].gbtnSecondary, input[type="submit"].gbtnTertiary { padding-left: 13px; } .gbtnPrimary:not([class*="ico30"]), .gbtnSecondary:not([class*="ico30"]), .gbtnTertiary:not([class*="ico30"]) { padding-left: 4px; } .gbtnPrimary:first-letter, .gbtnSecondary:first-letter, .gbtnTertiary:first-letter, .gbtnAlt:first-letter { padding-left: 10px; } /* ======= WHITE BTN ======= */ .gbtnPrimary, input[type="button"].gbtnPrimary, input[type="reset"].gbtnPrimary, input[type="submit"].gbtnPrimary { color: #828282; background-color: #fff; /* Old browsers */ background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(240,240,240,.8) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%, rgba(240,240,240,.8))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(240,240,240,.8) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(240,240,240,.8) 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(240,240,240,.8) 100%); /* IE10+ */ background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(240,240,240,.8) 100%); /* W3C */ -webkit-box-shadow: 0 -1px 0 0 rgba(0,0,0,.1), inset 0px 0px 0px 1px rgba(255, 255, 255, .8), 0px 1px 0px 1px rgba(0, 0, 0, .15), 0 1px 0 0 rgba(0,0,0,.20); /* top outline | innerglow | outline+dropshadow | bottomshadow */ -moz-box-shadow: 0 -1px 0 0 rgba(0,0,0,.1), inset 0px 0px 0px 1px rgba(255, 255, 255, .8), 0px 1px 0px 1px rgba(0, 0, 0, .15), 0 1px 0 0 rgba(0,0,0,.20); /* top outline | innerglow | outline+dropshadow | bottomshadow */ box-shadow: 0 -1px 0 0 rgba(0,0,0,.1), inset 0px 0px 0px 1px rgba(255, 255, 255, .8), 0px 1px 0px 1px rgba(0, 0, 0, .15), 0 1px 0 0 rgba(0,0,0,.20); /* top outline | innerglow | outline+dropshadow | bottomshadow */ text-shadow: none; } .gbtnPrimary:hover { background-image: none; color: #6b6b6b; } .gbtnPrimary:active { background: #F7F7F7; -webkit-box-shadow: inset 0 1px 0 0 #fff, 0 0 0 1px rgba(0,0,0,.15); /* topshine | outline */ -moz-box-shadow: inset 0 1px 0 0 #fff, 0 0 0 1px rgba(0,0,0,.15); /* topshine | outline */ box-shadow: inset 0 1px 0 0 #fff, 0 0 0 1px rgba(0,0,0,.15); /* topshine | outline */ } div[class*="ico30"].gbtnPrimary:hover:after, a[class*="ico30"].gbtnPrimary:hover:after, li[class*="ico30"].gbtnPrimary:hover:after { opacity: .8; } /* ======= GREEN BTN ======= */ .gbtnSecondary, input[type="button"].gbtnSecondary { color: #fff; background: #7EBB1B; text-shadow: 0 -1px 0 rgba(0,0,0,.3); 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)); -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .15), 0px 0px 0px 1px hsla(83, 97%, 12%, .6), 0 2px 0 0 rgba(0,0,0,.15), 0 1px 0 0 rgba(0,0,0,.2); /* innerglow | outline | dropshadow | bottomshadow */ -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .15), 0px 0px 0px 1px hsla(83, 97%, 12%, .6), 0 2px 0 0 rgba(0,0,0,.15), 0 1px 0 0 rgba(0,0,0,.2); /* innerglow | outline | dropshadow | bottomshadow */ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .15), 0px 0px 0px 1px hsla(83, 97%, 12%, .6), 0 2px 0 0 rgba(0,0,0,.15), 0 1px 0 0 rgba(0,0,0,.2); /* innerglow | outline | dropshadow | bottomshadow */ } .gbtnSecondary:hover { background-image: none; color: #fff; } .gbtnSecondary:active { background: #75AE19; -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.3), 0 0 0 1px rgba(0, 83, 138, .6); -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.3), 0 0 0 1px rgba(0, 83, 138, .6); box-shadow: inset 0 1px 0 0 rgba(255,255,255,.3), 0 0 0 1px rgba(0, 83, 138, .6); } /* ======= BLUE BTN ======= */ .gbtnTertiary, input[type="button"].gbtnTertiary, input[type="submit"].gbtnTertiary { color: #fff; background: #47A9EB; text-shadow: 0 -1px 0 rgba(0,0,0,.3); background-image: -webkit-linear-gradient(top, transparent, rgba(14, 74, 113, .2)); background-image: -moz-linear-gradient(top, transparent, rgba(14, 74, 113, .2)); background-image: -ms-linear-gradient(top, transparent, rgba(14, 74, 113, .2)); background-image: -o-linear-gradient(top, transparent, rgba(14, 74, 113, .2)); background-image: linear-gradient(top, transparent, rgba(14, 74, 113, .2)); -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.25), 0 2px 0px 0 rgba(0,0,0,0.15), 0 0 0 1px rgba(0, 83, 138, .6), inset 0 0 0px 1px rgba(255,255,255,.15); -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,.25), 0 2px 0px 0 rgba(0,0,0,0.15), 0 0 0 1px rgba(0, 83, 138, .6), inset 0 0 0px 1px rgba(255,255,255,.15); box-shadow: 0 1px 0 0 rgba(0,0,0,.25), 0 2px 0px 0 rgba(0,0,0,0.15), 0 0 0 1px rgba(0, 83, 138, .6), inset 0 0 0px 1px rgba(255,255,255,.15); } .gbtnTertiary:hover, input[type="button"].gbtnTertiary:hover, input[type="submit"].gbtnTertiary:hover, .zeroclipboard-is-hover.gbtnTertiary { background-image: none; color: #fff; } .gbtnTertiary:active { background: #429BD7; -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.3), 0 0 0 1px rgba(0, 83, 138, .6); -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.3), 0 0 0 1px rgba(0, 83, 138, .6); box-shadow: inset 0 1px 0 0 rgba(255,255,255,.3), 0 0 0 1px rgba(0, 83, 138, .6); } div[class*="ico30"].gbtnTertiary:hover:after, a[class*="ico30"].gbtnTertiary:hover:after, li[class*="ico30"].gbtnTertiary:hover:after { opacity: .6; } /* ======= ALT BUTTON - dark button with reversed icon ======= */ .gbtnAlt { color: #fff; 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; -webkit-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); -moz-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); 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 */ } .gbtnAlt:hover { background: #444; color: #fff; } .gbtnAlt:active { background: #404040; } /* ======= DEFINE ICON FOR BUTTONS ======= */ /* icon for lighter buttons */ div[class*="ico30"]:after, a[class*="ico30"]:after, li[class*="ico30"]:after, button[class*="ico30"]:after { background-repeat: no-repeat; content: ""; float: left; height: 20px; width: 30px; margin-top: 8px; background-image: url( images/icons/ico30/ico30-v8.png); opacity: .5; } /* reversed icon for alt button */ div[class*="ico30"].gbtnAlt:after, a[class*="ico30"].gbtnAlt:after, li[class*="ico30"].gbtnAlt:after, button[class*="ico30"].gbtnAlt:after { background-image: url( images/icons/ico30/ico30_reversed-v8.png); } div[class*="ico30"].gbtnAlt:hover:after, a[class*="ico30"].gbtnAlt:hover:after, li[class*="ico30"].gbtnAlt:hover:after { opacity: 1; } /* masked icons for white backgrounds, allows css background color */ div[class*="ico30"].maskedIcons:after, a[class*="ico30"].maskedIcons:after, li[class*="ico30"].maskedIcons:after { background-image: url( images/icons/ico30/ico30-mask-white.png); opacity: 1; } /* ======= GROUPED BUTTONS ======= */ div.rightBtn, a.rightBtn, li.rightBtn { border-radius: 0 3px 3px 0; margin-left: 1px; position: relative; } div.leftBtn, a.leftBtn, li.leftBtn { border-radius: 3px 0 0 3px; margin-right: 0; } div.centerBtn, a.centerBtn, li.centerBtn { border-radius: 0; margin: 0 0 0 1px; } /* ======= TEXT LINKS WITH ICONS ======= */ .dropdown li > a[class*="ico30"] { padding-left: 26px; } .dropdown li[class*="ico30"]:after, .dropdown li > a[class*="ico30"]:after { left: -13px; opacity: 0.5; position: absolute; top: -7px; } div[class*="ico30"].plainTxtBtn:after, a[class*="ico30"].plainTxtBtn:after, li[class*="ico30"].plainTxtBtn:after { margin: 0 4px 0 -14px; } div[class*="ico30"].plainTxtBtn.reversedIcons:after, a[class*="ico30"].plainTxtBtn.reversedIcons:after, li[class*="ico30"].plainTxtBtn.reversedIcons:after { background-image: url( images/icons/ico30/ico30_reversed-v8.png); } div[class*="ico30"].maskedIcons:after, a[class*="ico30"].maskedIcons:after, li[class*="ico30"].maskedIcons:after { background-image: url( images/icons/ico30/ico30-mask-white.png); } /* special styling for icons in dropdowns that are 20px rather than 16px */ .dropdown li[class="ico30folder"]:after, .dropdown li > a[class="ico30folder"]:after { background-position: -1060px top; width: 20px !important; margin-left: 12px; } .betaBtn:after { content: "BETA"; border-radius: 3px; background-color: #397baf; padding: 3px 7px; margin-left: 8px; font-size: 11px; font-weight: 700; color: #fff; position: relative; top: -2px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* STEP CONFIRMATION (STEP# | PASS/FAIL ICON) --> used in dmca process ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .stepConfirm { display: inline-block; width: 40px; height: 22px; font-size: 14px; line-height: 22px; padding-left: 8px; color: #636466; border: 1px solid #B4B8BB; border-radius: 20px; background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eff0f1)); background-image: -webkit-linear-gradient(top, #fff, #eff0f1); background-image: -moz-linear-gradient(top, #fff, #eff0f1); background-image: -ms-linear-gradient(top, #fff, #eff0f1); background-image: -o-linear-gradient(top, #fff, #eff0f1); background-image: linear-gradient(top, #fff, #eff0f1); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255,255,255,.5); -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255,255,255,.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255,255,255,.5); text-shadow: 0px 1px 0px #fff; position: relative; } .stepConfirm:before { content: ""; position: absolute; height: 22px; width: 1px; left: 50%; top: 0; margin-left: -1px; background: #dcdee0; border-right: 1px solid #fff; } .stepConfirm:after { content: ""; position: absolute; top: 3px; right: 4px; height: 16px; width: 16px; background-color: #E6E8EA; border-radius: 50%; -moz-box-shadow: inset 0 0 0 2px #d0d4d9; -webkit-box-shadow: inset 0 0 0 2px #d0d4d9; box-shadow: inset 0 0 0 2px #d0d4d9; } .stepConfirm.stGood { color: #4e6621; border: 1px solid #b0c88c; border-radius: 20px; background-color: #f5ffd7; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5ffd7), to(#e1f3c6)); background-image: -webkit-linear-gradient(top, #f5ffd7, #e1f3c6); background-image: -moz-linear-gradient(top, #f5ffd7, #e1f3c6); background-image: -ms-linear-gradient(top, #f5ffd7, #e1f3c6); background-image: -o-linear-gradient(top, #f5ffd7, #e1f3c6); background-image: linear-gradient(top, #f5ffd7, #e1f3c6); } .stepConfirm.stGood:before { background: #cde3ab; } .stepConfirm.stGood:after { background-image: url( images/icons/status-sprite.png); background-position: 0 1px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* TOGGLE SWITCH /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .toggle-switch { width: 68px; height: 24px; font-size: 12px; background: #C2C7CB; background-image: -webkit-gradient(linear, left top, left bottom, from(#C2C7CB), to(#D9DADE)); background-image: -webkit-linear-gradient(top, #C2C7CB, #D9DADE); background-image: -moz-linear-gradient(top, #C2C7CB, #D9DADE); background-image: -ms-linear-gradient(top, #C2C7CB, #D9DADE); background-image: -o-linear-gradient(top, #C2C7CB, #D9DADE); background-image: linear-gradient(top, #C2C7CB, #D9DADE); overflow: hidden; border: 1px solid #454C54; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .ts-slider { display: table; width: 150%; height: 100%; margin-left: -50%; -webkit-transition: margin-left .1s linear; -moz-transition: margin-left .1s linear; -ms-transition: margin-left .1s linear; -o-transition: margin-left .1s linear; transition: margin-left .1s linear; } .toggle-switch.on .ts-slider { margin-left: 0; } .toggle-switch label { display: table-cell; width: 33%; height: 100%; cursor: pointer; text-transform: uppercase; text-shadow: 0px 1px 0px #fff; text-align: center; vertical-align: middle; line-height: 100%; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); } .ts-l { background-color: #2978e6; background-image: -webkit-gradient(linear, left top, left bottom, from(#2978e6), to(#4F99E3)); background-image: -webkit-linear-gradient(top, #2978e6, #4F99E3); background-image: -moz-linear-gradient(top, #2978e6, #4F99E3); background-image: -ms-linear-gradient(top, #2978e6, #4F99E3); background-image: -o-linear-gradient(top, #2978e6, #4F99E3); background-image: linear-gradient(top, #2978e6, #4F99E3); text-shadow: 0 -1px 1px black !important; color: #fff; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .ts-r { color: #414C58; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .ts-knob { display: table-cell; height: 100%; width: 33%; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; background-color: #ecf0f3; background-image: -webkit-gradient(linear, left top, left bottom, from(#ecf0f3), to(#d4d8db)); background-image: -webkit-linear-gradient(top, #ecf0f3, #d4d8db); background-image: -moz-linear-gradient(top, #ecf0f3, #d4d8db); background-image: -ms-linear-gradient(top, #ecf0f3, #d4d8db); background-image: -o-linear-gradient(top, #ecf0f3, #d4d8db); background-image: linear-gradient(top, #ecf0f3, #d4d8db); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(0,0,0,.5); -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(0,0,0,.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(0,0,0,.5); } .ts-knob:active { background-color: #d4d8db; background-image: none; } .toggle-switch.tsSmall, .toggle-switch.tsSmall .ts-r, .toggle-switch.tsSmall .ts-l, .toggle-switch.tsSmall .ts-knob { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* OLD TOGGLE SWITCH FOR AUTO-BANDWIDTH PAGE, REPLACE WITH .toggle-switch ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .toggle-pushbutton { position: absolute; top: 32px; right: 30px; background: #CACFD3; overflow: auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: inset 0 2px 8px rgba(0,0,0,0.3); border-bottom: 1px solid white; } .toggle-pushbutton a { } .toggle-pushbutton .btn.toggle-on { -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } .toggle-pushbutton .btn.toggle-off { -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } #autobandwidth.ab-enabled .btn.toggle-on { background: none !important; border-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #629721; cursor: default; } #autobandwidth.ab-disabled .btn.toggle-off { background: none !important; border-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #BD280A; cursor: default; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* FORM STYLES ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ input[type="text"], input[type="password"], input[type="email"], .fauxInput { outline: none; padding: 8px; /* text-indent: 8px; */ color: #555; font-size: 14px; font-family: 'Open Sans', sans-serif; background-color: #EDEDED; border: 1px solid #D6D6D6; border-radius: 3px; box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, .07); } textarea { color: #555; background-color: #EDEDED; border: 1px solid #D6D6D6; font-family: 'Open Sans', sans-serif; border-radius: 3px; box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, .07); } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus { border: 1px solid rgb(74, 182, 255); background: white; color: black; box-shadow: 0px 0px 5px rgba(0, 148, 255, 0.7), inset 0px 1px 2px 0px rgba(0, 0, 0, .15); } select:focus { background: #fff; border-color: rgba(0, 148, 255, 0.7); outline: none; } input[type="text"].error, input[type="password"].error { color: #bd2727; border-color: #E5A4A4 !important; background: #ffebeb !important; box-shadow: none !important; } input[type="text"].error:focus, input[type="password"].error:focus { background: white; box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.3); } input.input-static { font-size: 14px; padding: 0 8px; border-radius: 3px; background: #f1f1f1; border: 1px solid #E3E3E3; color: #B0B0B0; line-height: 36px; height: 36px; box-shadow: none; } input.input-static:focus { box-shadow: none !important; background: #f1f1f1 !important; border-color: #E3E3E3 !important; color: #B0B0B0 !important; } /* FORM VALIDATION STYLES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .field_confirm { position: absolute; right: 11px; top: 50%; margin-top: -7px; width: 16px; height: 16px; z-index: 4; } .field_notvalid { display: none; position: absolute; top: 0; left: 100%; margin-left: 12px; width: 220px; } .field_confirm.valid { background: url( images/icons/check-green-circle.png) center no-repeat; } .field_confirm.invalid { background: url( images/icons/redWarning.png) center no-repeat; } div.signup_btns_continue { position: absolute; bottom: 40px; right: 30px; } div.signup_btns_continue a { display: block; margin: 0 29px 0 0; padding: 10px 0px 0px; width: 200px; height: 30px; font-size: 18px; font-weight: bold; text-align: center; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* DISABLED/GHOSTED //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .elementDisabled { opacity: .5; filter: alpha(opacity = 50); } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* STATUS TEXT ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .text-enabled { color: #629721; } .text-disabled { color: #BD280A; } .textHighlight { color: #000; font-weight: bold; display: inline-block; background: #FFFB80; padding: 0 6px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* TITLEBAR (blue with clouds) ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #titlebar { background: hsl(205, 67%, 60%); height: 44px; color: white; position: relative; } #titlebar .wrap { position: relative; height: 100%; } #titlebar .title { padding: 0 20px 0 0; font-size: 22px; font-weight: 300; z-index: 1; position: absolute; color: #fff; font-family: 'Open Sans', sans-serif; top: 50%; left: 0; margin-top: -19px; } #titlebar .description { display: none !important; float: left; padding: 10px 25px; font-size: 18px; border-left: 1px solid #fff; border-left: 1px solid rgba(255, 255, 255, 0.33); margin: 24px 0; color: #fff; z-index: 1; position: relative; } #titlebar .alt-text { float: right; font: normal bold normal 24px/1.6 'Open Sans', sans-serif; margin: 0px 15px 0 0; } /* test icon version */ body.myaccount #titlebar .wrap { background: hsl(205, 67%, 60%) url(/images/backgrounds/titlebar/titlebar_settings.png) 0 center no-repeat; } body.myaccount #titlebar .title { padding-left: 37px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* SIDEBAR NAV ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #sidebar { position: relative; float: left; width: 240px; margin-right: 35px; font-size: 13px; } #sidebar > ul { padding: 40px 0 60px; } .ie9 #sidebar > ul, .ie8 #sidebar > ul, .ie7 #sidebar > ul { padding-bottom: 0; } #sidebar > ul li { margin:0; position: relative; } #sidebar > ul li a, #sidebar > ul li p { display: block; padding: 5px 0 5px 5px; position: relative; color: #4f4f4f; } #sidebar > ul li a:hover { text-decoration: none; /*color: #D85724;*/ background: #f2f2f2; color: #000; } #sidebar > ul li.current a { background: #fff; position: relative; right: -1px; margin-left: -1px; color: #3190D3; cursor: default; } #sidebar > ul ul li a { padding-left: 20px; } #sidebar ul li a.pro:after, #sidebar ul li a.biz:after, #sidebar ul li a.biz2:after, .sitemap li a.pro:after, .sitemap li a.biz:after, .sitemap li a.biz2:after { content: 'Pro'; display: block; position: absolute; top: 50%; right: 0; margin: -7px 5px 0 0; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #BD280A; } #sidebar ul li a.biz:after, #sidebar ul li a.biz2:after, .sitemap li a.biz:after, .sitemap li a.biz2:after { content: 'Biz'; color: #E08E00; } /* styles below fix the sidebar found in the "about" section */ #sidebar a[href^="http://"]:after { content: ""; display: inline-block; margin: -5px 0 0 10px; height: 10px; width: 10px; background: url( images/backgrounds/indicators/ext_link.png) center no-repeat; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* TABBED INTERFACE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .tabs { padding-top: 30px; -moz-box-shadow: 0px 1px 0px #fff; -webkit-box-shadow: 0px 1px 0px #fff; box-shadow: 0px 1px 0px #fff; } #sidebar .tabs { border-right: 1px solid #d5d5d5; } .tabs > ul { } .tabs > ul li { display:block; float: left; } .tabs > ul li a { color:#4f4f4f; text-shadow: 0px 1px 0px #fff; } .tabs > div { clear: both; background: #fff; border: 1px solid #d5d5d5; border-top: 0px; padding:15px; display:none; } #sidebar .tabs div { border-right: 0px; } .tabs div.current { display:block; } .tabs > ul { padding: 9px 0 0 0px; height: 31px; border-bottom: 1px solid #d5d5d5; box-shadow: 0 1px 0 0 #fff; } #content .tabs > ul { margin: 0; } .tabs > ul li > a, .tabs > ul li > span { display: block; float: left; height: 20px; width: auto; cursor: pointer; border: 1px solid #d5d5d5; border-bottom: none; margin: 0 -1px 0 0px; box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3); padding: 5px 10px; font-size: 13px; background: #f5f5f5; /* Old browsers */ background: -webkit-linear-gradient(to bottom, whiteSmoke 0%,#F0F0F0 100%); background: -moz-linear-gradient(to bottom, whiteSmoke 0%,#F0F0F0 100%); background: -ms-linear-gradient(to bottom, whiteSmoke 0%,#F0F0F0 100%); background: -o-linear-gradient(to bottom, whiteSmoke 0%,#F0F0F0 100%); background: linear-gradient(to bottom, whiteSmoke 0%,#F0F0F0 100%); } .tabs > ul li:first-child > span { border-radius: 3px 0 0 0; } .tabs > ul li:last-child > span { border-radius: 0 3px 0 0; } .tabs > ul li:first-child:last-child > span { border-radius: 3px 3px 0 0; } .tabs > ul li a:hover { text-decoration: none; } .tabs > ul li span:hover .ico16 { background-position-y: -20px; } .tabs ul li.current span:hover .ico16 { background-position-y: -40px } .tabs > ul li.current a, .tabs > ul li.current > span { background: #fff; cursor: default; border-bottom: 0px solid #f0f0f0; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; height: 21px; color: #000; } .tabs > ul li.current:first-child a { border-bottom-left-radius: 0px; border-bottom-right-radius: 2px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* CONTENT CONTAINERS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #main { padding-top: 1px; } #content { padding-top: 45px; } #main #content { float: left; width: 680px; } #content h3 { font-weight: 300; margin-bottom: 20px; font-size: 32px; color: #4f4f4f; font-family: 'Open Sans', sans-serif; line-height: 35px; } #content h2 { font-weight: 300; color: #4f4f4f; font-family: 'Open Sans', sans-serif; } #content p, #content ul { margin-bottom: 20px; } .inset-box { background: #F0F0F0; background: rgba(0, 0, 0, .06); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25); padding: 15px; } .white-box { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #d4d6d9; background: #fff; position: relative; padding:15px; } .ie7 .inset-box .inset-box, .ie8 .inset-box .inset-box, .ie9 .inset-box .inset-box { background: #DAE0E7; } #content a.inset-box { padding: 5px 15px; margin: 0; color: #5B636A; } #content a.inset-box:hover { text-decoration: none; } #content .inset-box { margin-bottom: 20px; } #content .white-box { margin-bottom: 20px; } .inset-box table, .inset-box table tr, .inset-box table tr td, .inset-box table th, .inset-box table tr, .inset-box table tbody, .inset-box tbody tr:first-child td, .inset-box tbody tr:last-child td { background: transparent; border: 0px; border-top: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .white-box table, .white-box table tr, .white-box table tr td, .white-box table th, .white-box table tr, .white-box table tbody, .white-box tbody tr:first-child td, .white-box tbody tr:last-child td { background: transparent; border: 0px; border-top: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .inset-box input[type="text"], .inset-box input[type="password"], .inset-box textarea { background: #fff; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* DROPDOWN MENUS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .dropdown { position: relative; /*cursor: pointer;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .dropdown a { position: relative; display: block; /*padding-right: 15px;*/ } .dropdown ul { visibility: hidden; opacity: 0; max-width: 0px; max-height: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -webkit-transition: visibility 0s linear .1s, max-width 0s linear .1s, max-height 0s linear .1s, opacity .1s linear 0s; -moz-transition: visibility 0s linear .1s, max-width 0s linear .1s, max-height 0s linear .1s, opacity .1s linear 0s; -o-transition: visibility 0s linear .1s, max-width 0s linear .1s, max-height 0s linear .1s, opacity .1s linear 0s; transition: visibility 0s linear .1s, max-width 0s linear .1s, max-height 0s linear .1s, opacity .1s linear 0s; position: absolute; top: 100%; left: 0px; z-index: 52; padding: 8px 0px; white-space: nowrap; background: #fff; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 0px 3px 3px 3px; font-size: 14px; text-align: left; font-family: 'Open Sans',sans-serif; } .dropdown.hoverShow:hover > ul, .dropdown.show_dropdown > ul { visibility: visible; opacity:1; max-height: 999px; max-width: 999px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px 3px 6px 0px rgba(0, 0, 0, .15); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px 3px 6px 0px rgba(0, 0, 0, .15); } .dropdown .centerBtn + ul { left:1px; } .ddRight.dropdown > ul { left:auto; right: 0px; border-radius: 3px 0px 3px 3px; margin-right:10px; -webkit-transition: left 0s linear .1s, right 0s linear .1s, margin-right 0s linear .1; } .ddRight.dropdown .centerBtn + ul, .ddRight.dropdown .leftBtn + ul { margin-right:0px; } .dropdown li { position: relative; padding: 0px 21px; background-position: 0; border-top: 1px solid transparent; border-bottom: 1px solid transparent; cursor: pointer; color: #666; /*-webkit-transition: background-color .1s linear; -moz-transition: background-color .1s linear;*/ } .dropdown li:hover, .dropdown .zeroclipboard-is-hover { background-color: #f2f2f2; border-width: 1px 0; color: #000; -webkit-transition: background-color 0s linear; -moz-transition: background-color 0s linear; } .dropdown li a { color: #666; display: block; /*padding: 0px 21px; margin-left: -21px; width: 100%;*/ } .dropdown li a:hover { text-decoration: none; } .dropdown li:hover a { color: #000; } .dropdown li.divider { cursor: default !important; background: none !important; color: #666 !important; font-size: 10px; font-weight: bold; line-height: 15px; text-transform: uppercase; padding: 15px 0 10px 20px; border-top: 1px solid #e2e2e2; margin: 15px 0 0 0; } li.firstDivider.divider { margin-top: 0px; padding-top: 0; border: none; } .dropdown li.submenu { position: relative; } .dropdown li.submenu > ul { left: 100%; top: 0; margin: -9px 0 0 -2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /*display: none;*/ } .dropdown li.submenu:hover { background-color: #F2F2F3; } .dropdown li.submenu:hover > ul { /*display: block;*/ visibility: visible; opacity:1; max-height: 999px; max-width: 999px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px 3px 6px 0px rgba(0, 0, 0, .15); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px 3px 6px 0px rgba(0, 0, 0, .15); } .indicator-down, .indicator-up, .indicator-left, .indicator-right { position: absolute; height: 12px; width: 12px; right: 0; top: 50%; margin-top: -4px; } li.ddSectionLabel { text-transform: uppercase; font-size: 12px; color: #ABABAB; padding-top: 5px; padding-bottom: 0px; display: block; cursor: default; } li.ddSectionLabel:hover { background: none; color: #ABABAB; } .dropdown .checkbox { vertical-align: text-top; margin-left: 0; } div#contextmenu div.zclip:hover { background: rgba(0,0,0,.1); } li.ddStaticTxt { cursor: default; color: #aaa; font-style: italic; } li.ddStaticTxt:hover { background: transparent; color: #aaa; } /* DROPUP */ .dropUp { position: relative; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .dropUp a { position: relative; display: block; } .dropUp.hoverShow:hover ul, .dropUp.show_dropdown ul { visibility: visible; opacity:1; height: auto; width: auto; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; display: block; -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px -1px 6px 0px rgba(0, 0, 0, .15); -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px -1px 6px 0px rgba(0, 0, 0, .15); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px -1px 6px 0px rgba(0, 0, 0, .15); } .dropUp ul { visibility: hidden; opacity: 0; height: 0; width: 0; box-shadow: none; -webkit-box-shadow: none; -webkit-transition: visibility 0s linear .1s, height 0s linear .1s, width 0s linear .1s, opacity .1s linear 0s; -moz-transition: visibility 0s linear .1s, height 0s linear .1s, width 0s linear .1s, opacity .1s linear 0s; -o-transition: visibility 0s linear .1s, height 0s linear .1s, width 0s linear .1s, opacity .1s linear 0s; transition: visibility 0s linear .1s, height 0s linear .1s, width 0s linear .1s, opacity .1s linear 0s; position: absolute; bottom: 100%; left: 0px; margin-bottom:5px; z-index: 52; padding: 8px 0px; white-space: nowrap; /*border: 1px solid rgba(0, 0, 0, 0.05);*/ background: #fff; background: rgba(255,255,255,.95); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 14px; text-align: left; font-family: 'Open Sans',sans-serif; } .dropUp li { position: relative; padding: 0px 20px; background-position: 0; border-top: 1px solid transparent; border-bottom: 1px solid transparent; cursor: pointer; color: #3190D3; display:block; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; } .dropUp li:hover, .dropUp li.hover { background-color: #eee; border-width: 1px 0; color: #000; -webkit-transition: background-color 0s linear; -moz-transition: background-color 0s linear; } /*FOOTER-SPECIFIC DROPUP*/ #subfooter .dropUp.hoverShow:hover > .footerLogo:before, #subfooter .dropUp.show_dropdown > .footerLogo:before { content: ""; position: absolute; height: 100%; border: 1px solid rgba(0, 0, 0, .2); border-width: 0px 1px 1px 1px; border-radius: 0 0 3px 3px; background: #fff; top: 0; left: 0; z-index: 53; } /*----------------------*/ .indicator-up { background: url( images/icons/dropdown-arrow-up-dark.png) center no-repeat; } .indicator-down { background: url( images/backgrounds/newMyfiles/smArrow.png) -12px top no-repeat; } .indicator-right { background: url( images/icons/dropdown-arrow-right.png) center no-repeat; } .indicator-down.darkArrow { background: url( images/icons/dropdown-arrow-black.png) center no-repeat; } .dropdown .indicator-down { right: 4px; } .dropdown li .indicator-right { right: 8px; top: 50%; margin-top: -4px; } .dropdown.hoverShow:hover > div, .dropdown.hoverShow:hover > a, .dropdown.show_dropdown > div, .dropdown.show_dropdown > a { background: #fff; -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, .15), -1px -1px 0px 0px rgba(0, 0, 0, .15); -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, .15), -1px -1px 0px 0px rgba(0, 0, 0, .15); box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, .15), -1px -1px 0px 0px rgba(0, 0, 0, .15); color: #9e9d9d; z-index:53; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .dropdown.hoverShow:hover .gbtnPrimary::after, .dropdown.hoverShow:hover .gbtnAlt::after, .dropdown.show_dropdown .gbtnPrimary::after, .dropdown.show_dropdown .gbtnAlt::after { background-image: url( images/icons/ico30/ico30-v8.png); opacity: 0.6; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* TOOLTIPS //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* USAGE: .tooltip.point-[up/right/left/down] --> sets default position (in relation to parent) and direction of pointer .tooltip.alt --> sets to alternate background color .tooltip.error-tip --> replaces pointer with warning icon (form validation) */ /*------------------------------------------------------------------------------------------------------------------------*/ .tooltip { display: none; position: absolute; font-size: 11px; font-weight: 400; line-height: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,.05), 0px 1px 5px 0 rgba(0,0,0,0.2), inset 0 1px 0 0 rgba(255,255,255,.2); -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,.05), 0px 1px 5px 0 rgba(0,0,0,0.2), inset 0 1px 0 0 rgba(255,255,255,.2); box-shadow: 0px 0px 0px 1px rgba(0,0,0,.05), 0px 1px 5px 0 rgba(0,0,0,0.2), inset 0 1px 0 0 rgba(255,255,255,.2); background: #fff; width: 180px; text-align: center; text-transform: none; color: #000; z-index: 20; white-space: normal; } div:hover > .tooltip, a:hover > .tooltip, span:hover > .tooltip { display: block; } .tooltip.alt { color: #fff; background: #000; } .tooltip.point-up:before, .tooltip.point-right:before, .tooltip.point-down:before, .tooltip.point-left:before { content: ""; font-size: 0px; line-height: 0%; background: #fff; width: 12px; height: 12px; position: absolute; -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,.05), 0px 1px 5px 0 rgba(0,0,0,0.2), inset 0 1px 0 0 rgba(255,255,255,.2); -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,.05), 0px 1px 5px 0 rgba(0,0,0,0.2), inset 0 1px 0 0 rgba(255,255,255,.2); box-shadow: 0px 0px 0px 1px rgba(0,0,0,.05), 0px 1px 5px 0 rgba(0,0,0,0.2), inset 0 1px 0 0 rgba(255,255,255,.2); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .tooltip.point-up:after, .tooltip.point-right:after, .tooltip.point-down:after, .tooltip.point-left:after { content: ""; background: #fff; width: 20px; height: 10px; position: absolute; } .tooltip.point-left:after, .tooltip.point-right:after { width: 10px; height: 20px; } .tooltip.alt:after { background: #000; } .tooltip.alt:before { background: #000; } .tooltip.point-up { top: 100%; left: 50%; margin: 12px 0 0 -100px; /* left margin based off of default width of 180px */ } .tooltip.point-left { left: 100%; top: 50%; /* since height is flexible, we'll have to vertically center manually if needed */ margin: -20px 0 0 12px; } .tooltip.point-down { bottom: 100%; left: 50%; margin: 0 0 12px -100px; /* left margin based off of default width of 180px */ } .tooltip.point-right { right: 100%; /* since height is flexible, we'll have to vertically center manually if needed */ top: 50%; margin: -20px 12px 0 0; } .tooltip.point-up:before { left: 50%; top: -6px; margin: 0 0 0 -6px; } .tooltip.point-left:before { left: -6px; top: 50%; margin: -6px 0 0 0; } .tooltip.point-down:before { bottom: -6px; left: 50%; margin: 0 0 0 -6px; } .tooltip.point-right:before { right: -6px; top: 50%; margin: -6px 0 0 0; } .tooltip.point-up:after { left: 50%; top: 0; margin: 0 0 0 -10px; } .tooltip.point-left:after { left: 0; top: 50%; margin: -10px 0 0 0; } .tooltip.point-down:after { bottom: 0; left: 50%; margin: 0 0 0 -10px; } .tooltip.point-right:after { right: 0; top: 50%; margin: -10px 0 0 0; } .tooltip.error-tip { padding-left: 30px; } .tooltip.error-tip:after { content: ""; font-size: 0px; line-height: 0%; width: 16px; height: 16px; position: absolute; left: 8px; top: 8px; margin: 0; background: url( images/icons/warning-triangle.png) center no-repeat; } /* special form validation tooltips */ .field_notvalid.tooltip { text-align: left; } div:hover > .field_notvalid { display: none; } .field_notvalid.tooltip:before, .field_notvalid.tooltip:after { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* HELP ICON WITH TOOLTIP ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .helpIcon { position: relative; display: inline-block; width: 18px; height: 18px; margin-left: 5px; font-size: 10px; line-height: 18px; vertical-align: text-bottom; text-align: center; color: white; cursor: default; background: #47A9EB; background: -webkit-linear-gradient(top, #5EB4ED 30%, #0C93ED); background: -moz-linear-gradient(top, #5EB4ED 30%, #0C93ED); background: -ms-linear-gradient(top, #5EB4ED 30%, #0C93ED); background: -o-linear-gradient(top, #5EB4ED 30%, #0C93ED); background: linear-gradient(top, #5EB4ED 30%, #0C93ED); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: inset 0 0 0 1px #1682CA, inset 0 0 0 2px rgba(255,255,255,.7); -moz-box-shadow: inset 0 0 0 1px #1682CA, inset 0 0 0 2px rgba(255,255,255,.7); box-shadow: inset 0 0 0 1px #1682CA, inset 0 0 0 2px rgba(255,255,255,.7); font-weight: bold; } .helpIcon:before { content: "?"; } .helpIcon .tooltip { z-index: 4; } .helpIcon:hover .tooltip { display: block; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* BASIC SPINNERS (using .gif) ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .basic-spinner, .basic-spinner-sm, .basic-spinner-full { background: url( images/icons/ajax-loader-grey_round.gif) center no-repeat; display: none; height: 56px; width: 56px; margin: 0 auto; position: relative; } .basic-spinner-sm { background: url( images/icons/ajax-loader-sm-round.gif) center no-repeat; height: 16px; width: 16px; } .basic-spinner-full { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: #fff; background-position: center; z-index: 100; } .basic-spinner-full p { text-align: center; position: absolute; top: 50%; font-size: 16px; font-weight: bold; margin-top: 40px; margin-bottom: 0 !important; width: 100%; } /* LEGACY spinners, replace with .basic-spinner in the future */ .mf_page_processing { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; padding-bottom: 1px; background: #fff url( images/icons/ajax-loader-grey_round.gif) center 100px no-repeat; } .mf_page_processing p { font-weight: bold; margin-top: 170px; text-align: center; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* HTML/CSS SPINNERS (single element) ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* -------------------------------- */ /* dot */ /* -------------------------------- */ .spinnerDot { height: 34px; width: 34px; border-radius: 50%; position: absolute; opacity: .5; top: 50%; left: 50%; margin: -17px 0 0 -17px } .spinnerDot::before, .spinnerDot::after { content: ""; position: absolute; background: rgba(0,0,0,.6); right: -3px; top: 50%; height: 6px; width: 6px; margin-top: -3px; border-radius: 50%; -webkit-transform-origin: -14px 50%; -moz-transform-origin: -14px 50%; -o-transform-origin: -14px 50%; -ms-transform-origin: -14px 50%; box-shadow: -17px 17px 0 0px rgba(0,0,0,.8), -5px 12px 0 0px rgba(0,0,0,.7), -29px 12px 0 0px rgba(0,0,0,.9); } .spinnerDot::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); background: rgba(0,0,0,1); box-shadow: -17px 17px 0 0px rgba(0,0,0,.4), -5px 12px 0 0px rgba(0,0,0,.3), -29px 12px 0 0px rgba(0,0,0,.5); } .spinnerDot { -webkit-animation: startSpinDot .7s 0s steps(8,start) infinite; -moz-animation: startSpinDot .7s 0s steps(8,start) infinite; -o-animation: startSpinDot .7s 0s steps(8,start) infinite; animation: startSpinDot .7s 0s steps(8,start) infinite; } @-webkit-keyframes startSpinDot { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes startSpinDot { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes startSpinDot { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @keyframes startSpinDot { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* -------------------------------- */ /* reverse color spinner (white) */ /* -------------------------------- */ .sdRev::before { background: rgba(255,255,255,.6); box-shadow: -17px 17px 0 0px rgba(255,255,255,.8), -5px 12px 0 0px rgba(255,255,255,.7), -29px 12px 0 0px rgba(255,255,255,.9); } .sdRev::after { background: rgba(255,255,255,1); box-shadow: -17px 17px 0 0px rgba(255,255,255,.4), -5px 12px 0 0px rgba(255,255,255,.3), -29px 12px 0 0px rgba(255,255,255,.5); } /* -------------------------------- */ /* smaller spinner */ /* -------------------------------- */ .sdSmall, .sdSmallRev { height: 20px; width: 20px; margin: -10px 0 0 -10px } .sdSmall::before, .sdSmall::after, .sdSmallRev::before, .sdSmallRev::after { -webkit-transform-origin: -7px 50%; -moz-transform-origin: -7px 50%; -o-transform-origin: -7px 50%; -ms-transform-origin: -7px 50%; box-shadow: -10px 10px 0 0px rgba(0,0,0,.8), -3px 7px 0 0px rgba(0,0,0,.7), -17px 7px 0 0px rgba(0,0,0,.9); } .sdSmall::after { box-shadow: -10px 10px 0 0px rgba(0,0,0,.4), -3px 7px 0 0px rgba(0,0,0,.3), -17px 7px 0 0px rgba(0,0,0,.5); } .spinnerDot.sdSmall, .spinnerDot.sdSmallRev { -webkit-animation: startSpinDot .9s 0s steps(8,start) infinite; -moz-animation: startSpinDot .9s 0s steps(8,start) infinite; -o-animation: startSpinDot .9s 0s steps(8,start) infinite; animation: startSpinDot .9s 0s steps(8,start) infinite; } /* -------------------------------- */ /* smaller spinner, reverse color */ /* -------------------------------- */ .sdSmallRev::before { background: rgba(255,255,255,.6); box-shadow: -10px 10px 0 0px rgba(255,255,255,.8), -3px 7px 0 0px rgba(255,255,255,.7), -17px 7px 0 0px rgba(255,255,255,.9); } .sdSmallRev::after { background: rgba(255,255,255,1); box-shadow: -10px 10px 0 0px rgba(255,255,255,.4), -3px 7px 0 0px rgba(255,255,255,.3), -17px 7px 0 0px rgba(255,255,255,.5); } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* PROGRESS BAR //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .progressbar { position: relative; background: #e6e6e6; } .progressbar div, .progressbar span { position: absolute; top: 0; left: 0; width: 0%; height: 100%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: inset 0px 0px 0px 1px #2376c8, inset 0px 0px 0px 2px #76baeb; -webkit-box-shadow: inset 0px 0px 0px 1px #2376c8, inset 0px 0px 0px 2px #76baeb; box-shadow: inset 0px 0px 0px 1px #2376c8, inset 0px 0px 0px 2px #76baeb; background: #54a3f2; background-image: -webkit-gradient(linear, left top, left bottom, from(#54a3f2), to(#3687d8)); background-image: -webkit-linear-gradient(top, #54a3f2, #3687d8); background-image: -moz-linear-gradient(top, #54a3f2, #3687d8); background-image: -ms-linear-gradient(top, #54a3f2, #3687d8); background-image: -o-linear-gradient(top, #54a3f2, #3687d8); background-image: linear-gradient(top, #54a3f2, #3687d8); -webkit-transition: width .2s linear 0s; -moz-transition: width .2s linear 0s; -ms-transition: width .2s linear 0s; -o-transition: width .2s linear 0s; transition: width .2s linear 0s; } .progressbar.alt div, .progressbar.alt span { box-shadow: none; background: #83b842; } .progressbar, .progressbar div, .progressbar span { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .progressbar.sm, .progressbar.sm div, .progressbar.sm span { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: none; background-image: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* LIGHTBOX POPUP ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* test for locking the body scroll */ body.myfiles.lightboxActive, body.sharedWithMe.lightboxActive, body.recentChanges.lightboxActive { overflow: hidden } body.myfiles.lightboxActive #popup-section, body.sharedWithMe.lightboxActive #popup-dialogs, body.recentChanges.lightboxActive #popup-dialogs { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1001; overflow: auto; } .popup { z-index: 1001; position: absolute; /*top: 50%; left: 50%;*/ /*margin-top: -1/2*height; margin-left: -1/2*width;*//*Since the dimensions can vary, we should set this with javascript. Popups with tabs(variable height) will need special treatment */ display: none; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.35); -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.35); box-shadow: 0 2px 10px 0 rgba(0,0,0,.35); font-family: 'Open Sans', sans-serif; } .popup-title { font-size: 18px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 15px 15px 10px 15px; float: left; -webkit-user-select: text; -khtml-user-select: text; -ms-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text; } .popup-close { position: absolute; top: 15px; right: 15px; height: 17px; width: 16px; background: url( images/icons/icon-sprite-16-v9.png) -980px 0; } .popup-close:hover { background-position: -980px -20px; } .popup-content { padding: 0 15px 15px; clear: both; } .popup-content input[type="text"] { width: 353px; margin-bottom: 3px; } .popup-content label { display: block; margin-top: 5px; } .popup-btns { padding: 2px 15px 15px; overflow: auto; } .popup-btns input[type="submit"], .popup-btns input[type="reset"], .popup-btns a, .popup-btns button { float: right; margin: 0 0 0 10px; } /* special class for transparent #modal_window_popup, used on signup/login widget */ #modal_window_popup.transparentBG { background-color: transparent; box-shadow: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* SHARING POPUP /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .share-popup.popup-dialog { } .share-popup.popup-dialog .popup-title { width: 520px; padding: 26px 32px 15px; font-size: 16px; float: none; } .share-popup .tabs { padding-top: 0; margin-bottom: 15px; box-shadow: none; } .share-popup .tabs > div { border: 0px; background: transparent; } .share-popup .tabs > ul { padding: 0 15px; } .share-popup .tabs.tabs-collapsed { margin-bottom: 20px; } .share-popup .tabs.tabs-collapsed ul { border: none; box-shadow: none; } .share-popup .tabs.tabs-collapsed ul li > span { border-bottom: 1px solid #CDD0D4; } .share-popup .tabs.tabs-collapsed ul li:first-child > span { border-radius: 3px 0 0 3px; } .share-popup .tabs.tabs-collapsed ul li:last-child > span { border-radius: 0 3px 3px 0; } .share-popup .tabs.tabs-collapsed li > span.moreOptionsLink { border: none; background: none; color: #3190D3; padding-left: 0; } .share-popup .tabs.tabs-collapsed li:hover > span.moreOptionsLink { color: #d85724; } .share-popup .tabs.tabs-collapsed li > span, .share-popup .tabs li > span.moreOptionsLink { display: none; } .share-popup .tabs.tabs-collapsed li > span.moreOptionsLink { display: block; } .share-popup .ico16 { margin-right: 8px; } .share-popup label { display: block; margin: 0; padding-bottom: 5px; font-size: 13px; font-weight: bold; } .share-status { font-weight: normal; padding: 1px 7px; position: relative; z-index: 10000; border-radius: 3px; } .share-popup.popup-dialog a:hover { cursor:pointer !important; } .share-popup .hide span { display:none!important; } .share-popup .shareEnterText { display: block; position: absolute; top: 6px; left: 10px; font-size: 13px; color: #999; min-width: 200px; pointer-events: none; } #shareEnterText-msgContact { top: 30px; } .share-popup .tabs span.ico30contact, .share-popup .tabs span.ico30email, .share-popup .tabs span.ico30download, .share-popup .tabs span.ico30settings { display: block; opacity: 0.5; float: left; width: 22px; height: 20px; margin: 1px 5px 0 0; background: url(/images/icons/ico30/ico30-v8.png) no-repeat; } .share-popup.popup-dialog .tabs .current span span { opacity: 1; } .share-popup .tabs span.ico30contact { background-position: -1482px top; } .share-popup .tabs span.ico30email { background-position: -1572px 1px; } .share-popup .tabs span.ico30download { background-position: -222px top; } .share-popup .tabs span.ico30settings { background-position: -913px top; } #sharebox-contacts { position: relative; padding-bottom: 25px; } .ftContactAlert { display: none; font-size: 12px; position: absolute; bottom: 0px; background: #e7f6ff; width: 100%; border-radius: 4px; border: 1px solid #c6e2f3; padding: 2px 0px; height: 40px; } .shareImportContacts { display: block; position: absolute; right: 0px; top: 0px; font-size: 13px; } .shareImportContacts > a { display: block; position: relative; z-index: 6; } .importOptions li span { display: none; color: #AAAAAA; display: none; font-size: 11px; margin-left: 5px; } li.importCompleted:before { background-position: 0 0 !important; } .importOptions li.importCompleted span { display: inline; } #add-contacts-field { /*width: 504px; float: left; margin-right: 0px; min-height: 31px;*/ max-height: 90px; overflow: auto; font-size: 13px; padding: 0px; } #add-contacts-input { display: inline-block; vertical-align: middle; } .contactBlocks { display: inline-block; height: 22px; font-size: 12px; padding: 0px 6px; line-height: 22px; margin: 5px 0px 3px 5px; vertical-align: middle; background: #fff; border-radius: 3px; box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1); } .contactBlocks > span { font-weight: bold; font-size: 16px; line-height: 22px; vertical-align: top; margin-left: 5px; color: #777; cursor: pointer; } .importOptions { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; overflow:hidden; height: 0px; /*width: 0px;*/ padding: 0px; font-size: 13px; background: #fff; border-radius: 3px; z-index: 1; top: -10px; right: -15px; -webkit-transition: visibility 0s linear 0.2s, width 0s linear 0.2s, height 0s linear 0.2s, padding 0s linear 0.2s, opacity 0.1s linear 0s; -moz-transition: visibility 0s linear 0.2s, width 0s linear 0.2s, height 0s linear 0.2s, padding 0s linear 0.2s, opacity .0.1s linear 0s; -o-transition: visibility 0s linear 0.2s, width 0s linear 0.2s, height 0s linear 0.2s, padding 0s linear 0.2s, opacity 0.1s linear 0s; transition: visibility 0s linear 0.2s, width 0s linear 0.2s, height 0s linear 0.2s, padding 0s linear 0.2s, opacity 0.1s linear 0s; position: absolute; visibility: hidden; opacity: 0; } .importOptions.show { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; z-index: 5; height: 74px; /*width: 120px;*/ padding: 35px 0 10px; visibility: visible; opacity: 1; -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px 3px 6px 0px rgba(0, 0, 0, .15); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px 3px 6px 0px rgba(0, 0, 0, .15); } .importOptions li { cursor: pointer; line-height: 24px; padding: 0 34px 0 34px; display: block; position: relative; white-space: nowrap; } .importOptions li:hover { background: #eee; } .share-popup.popup-dialog #sharebox-email form, .share-popup.popup-dialog #sharebox-onetimedownload form { width: 520px; margin: 0 auto; } .share-popup input[type="text"], .share-popup input[type="password"] { float: left; margin-right: 0px; height: 30px; font-size: 13px; padding: 0 4px; } #sharebox-downloadlink { position: relative; padding-bottom: 25px; } .share-popup #sharebox-downloadlink input[type="text"] { border-radius: 3px 0px 0px 3px; width: 413px; margin: 0; } .share-popup #sharebox-downloadlink a[class*="gbtn"] { float: left; margin-right: 0px; border-radius: 0px 3px 3px 0px; text-transform: none; height: 30px; line-height: 30px; margin-top: 1px; width: 80px; text-align: center; } .sharebox-contacts .warning { padding: 20px; } #current-contactsWrap { padding-bottom: 25px; position: relative; } #removeAllFollowers { position: absolute; right: 0; top: 0px; font-size: 13px; display: none; white-space: nowrap; } #current-contactsWrap.removeAllShow #removeAllFollowers { display: block; } #removeAllFollowers > span { border-radius: 3px; padding: 7px 12px; background: #F9F1D2; } #removeAllFollowers > span, #current-contactsWrap.removeAllConfirm #removeAllFollowers > a { display: none; } #current-contactsWrap.removeAllConfirm #removeAllFollowers > span { display: inline; } #removeAllFollowers a { cursor: pointer; } #removeAllFollowers >span a { margin-left: 8px; } #current-contactsWrap.removeAllConfirm #current-contacts { opacity: .3; pointer-events: none; } #noFollowersMsg { display: none; text-align: center; font-size: 13px; /*background: #F7F7F7;*/ height: 40px; line-height: 40px; border: 1px solid #eee; border-width: 1px 0; color: #aaa; } #current-contactsWrap.noFollowers #noFollowersMsg { display: block; } #current-contacts { overflow: auto; max-height: 225px; /*border-radius: 3px;*/ } #sharebox-contacts.existingContacts #current-contacts { display: block; } .shareContactRow { padding: 0 0px; background: #fff; height: 44px; display: block; position: relative; border-top: 1px solid #EBEBEB; } .shareContactRow:last-child { border-bottom: 1px solid #EBEBEB; } .shareContactRow.selected { /*background: whiteSmoke; border-top: 1px solid #E3E3E3;*/ } .shareContactRow.selected + .shareContactRow { /*border-top: 1px solid #E3E3E3;*/ } .shareContactRow.selected .canEdit a { color: #d85724; } .shareContactRow.indirectContacts { display: none; } .shareContactAvatar { height: 34px; width: 34px; position: absolute; top: 50%; left: 10px; margin-top: -17px; border-radius: 50%; background: #e0e0e0 url(/images/icons/myfiles/default.png) center no-repeat; background-size: cover; z-index: 1; overflow: hidden; } .shareContactAvatar img { border-radius: 50%; height: 100%; display:block; margin: 0 auto; } .shareContactName { font-size: 13px; float: left; margin-left: 54px; line-height: 44px; max-width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .currentContactPermissions { position: relative; float: right; margin-right: 45px; font-size: 13px; line-height: 44px; cursor: pointer; } .currentContactPermissions:after { content: ""; display: inline-block; width: 10px; height: 8px; margin-left: 4px; background: url(/images/icons/dropdownBlue.png) top center no-repeat; } .currentPermissions { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; overflow:hidden; height: 0px; width: 0px; padding: 0px; font-size: 13px; background: #fff; border-radius: 3px; z-index: 7; left: auto; right: 0px; -webkit-transition: visibility 0s linear 0.2s, width 0s linear 0.2s, height 0s linear 0.2s, padding 0s linear 0.2s, opacity 0.1s linear 0s; -moz-transition: visibility 0s linear 0.2s, width 0s linear 0.2s, height 0s linear 0.2s, padding 0s linear 0.2s, opacity .0.1s linear 0s; -o-transition: visibility 0s linear 0.2s, width 0s linear 0.2s, height 0s linear 0.2s, padding 0s linear 0.2s, opacity 0.1s linear 0s; transition: visibility 0s linear 0.2s, width 0s linear 0.2s, height 0s linear 0.2s, padding 0s linear 0.2s, opacity 0.1s linear 0s; position: absolute; visibility: hidden; opacity: 0; } .currentPermissions.show { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; height: 47px; width: 114px; padding: 10px 0px; z-index: 8; visibility: visible; opacity: 1; -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px 3px 6px 0px rgba(0, 0, 0, .15); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px 3px 6px 0px rgba(0, 0, 0, .15); } .currentPermissions li { cursor: pointer; line-height: 24px; padding: 0 20px; display: block; position: relative; } .currentPermissions li:hover { background: #eee; } .shareContactRemove { height: 12px; width: 12px; color: #DEDEDE; line-height: 12px; display: inline-block; text-align: center; position: absolute; right: 20px; top: 50%; font-size: 20px; cursor: pointer; margin-top: -6px; } .shareContactRemove:hover { color: #aaa; } .currentPermissions a { display: block; padding: 0px 0; margin: 0px; line-height: 25px; } .currentContactPermissions span.canRead, .currentContactPermissions span.canEdit, .currentContactPermissions span.canManage, .currentContactPermissions span.variedMsg { display: none; } .currentContactPermissions.showCanRead span.canRead, .currentContactPermissions.showCanEdit span.canEdit, .currentContactPermissions.showCanManage span.canManage { display: inline; } .variedPermission .currentContactPermissions span.variedMsg, .variedPermission .currentContactPermissions.showCanRead span.variedMsg, .variedPermission .currentContactPermissions.showCanEdit span.variedMsg, .variedPermission .currentContactPermissions.showCanManage span.variedMsg { display: inline; } .variedPermission[data-new-access="1"] .variedMsg, .variedPermission[data-new-access="2"] .variedMsg { display: none!important; } .variedPermission .currentContactPermissions.showCanRead span.canRead, .variedPermission .currentContactPermissions.showCanEdit span.canEdit, .variedPermission .currentContactPermissions.showCanManage span.canManage { display: none; } .variedPermission[data-new-access="1"] .currentContactPermissions.showCanRead span.canRead, .variedPermission[data-new-access="2"] .currentContactPermissions.showCanEdit span.canEdit { display:inline; } .currentContactPermissions.showCanRead li.canRead:after, .currentContactPermissions.showCanEdit li.canEdit:after, .currentContactPermissions.showCanManage li.canManage:after, #currentPermissionsMenu.showCanRead li.canRead:after, #currentPermissionsMenu.showCanEdit li.canEdit:after, #currentPermissionsMenu.showCanManage li.canManage:after { content: ""; display: block; position: absolute; right: 3px; top: 7px; width: 20px; height: 24px; background: url(/images/icons/tick_blue_sm.png) top center no-repeat; } .shareStatusWrap { position: absolute; top: 8px; right: 10px; font-size: 13px; line-height: 24px; background: transparent; height: 24px; vertical-align: middle; margin-top: 6px; padding: 0 8px; border-radius: 3px; } .copyrightStatusMsg, .dmcaStatusMsg, .virusStatusMsg { vertical-align: middle; } .virusStatusMsg { color: #994848; } .privateStatusMsg em, .publicStatusMsg em { font-style: normal; } #current-contacts .privateStatusMsg, #current-contacts .publicStatusMsg { width: 370px; display: inline-block; vertical-align: middle; line-height: 17px; margin-left:5px; font-size: 13px; } .publicDisabled #global-zeroclipboard-html-bridge { display: none; } .shareStatusBlock { display: none; background: #faf0cd; border-radius: 3px; text-align: center; font-size: 13px; padding: 10px; margin-bottom: 25px; margin-top: 10px; } .shareStatusBlock.multiStatus { background: #faf0cd !important; } .shareStatusBlock.multiStatus > span span { background: #E3D5A1; border-radius: 3px; padding: 2px 7px; font-size: 11px; margin: 10px 1px; box-shadow: 0 -1px 0 0 rgba(0,0,0,.25); color: #000; } .shareStatusBlock.multiStatus > span i { font-style: normal; display: none; } .shareMultiSelection .shareStatusBlock.multiStatus > span i { display: inline; } /*.disabledAlert .shareStatusBlock,*/ .dmcaReviewPop .shareStatusBlock, .copyrightPop .shareStatusBlock, .virusPop .shareStatusBlock { display: block; } .virusPop .shareStatusBlock { background: #F3C2C2; } .disabledAlert .share-status { background: #f4e8bd; color: #7d6025; } .disabledAlert .shareStatusWrap { background: #d6bf6f; right: 10px; } .disabledAlert .shareStatusWrap a, .dmcaReviewPop .shareStatusWrap a, .copyrightPop .shareStatusWrap a, .virusPop .shareStatusWrap a { color: #fff!important; } .shareStatusIcon { position: absolute; right: 20px; top: 31px; font-size: 13px; z-index: 2; color: #848484; cursor: default; opacity: .8; } #SLEdisabledTxt, #sharebox.publicDisabled .share-status span { display: none; } #sharebox.publicDisabled #SLEdisabledTxt { display: inline } #sharebox .shareStatusIcon.ico30lock, #sharebox .privateStatusMsg, #sharebox .copyrightStatusMsg, #sharebox .dmcaStatusMsg, #sharebox .virusStatusMsg { display: none; } #sharebox.publicDisabled .shareStatusIcon.ico30link, #sharebox.publicDisabled .publicStatusMsg/*, #sharebox.publicDisabled .copyrightPop .privateStatusMsg, #sharebox.publicDisabled .dmcaReviewPop .privateStatusMsg, #sharebox.publicDisabled .virusPop .privateStatusMsg, #sharebox.publicDisabled .copyrightPop .shareStatusWrap, #sharebox.publicDisabled .dmcaReviewPop .shareStatusWrap, #sharebox.publicDisabled .virusPop .shareStatusWrap*/ { display: none; } /*#sharebox.publicDisabled .privateStatusMsg, #sharebox.publicDisabled .copyrightPop .copyrightStatusMsg, #sharebox.publicDisabled .dmcaReviewPop .dmcaStatusMsg, #sharebox.publicDisabled .virusPop .virusStatusMsg { display: inline-block; }*/ #sharebox.publicDisabled .privateStatusMsg, #sharebox .copyrightPop .copyrightStatusMsg, #sharebox .dmcaReviewPop .dmcaStatusMsg, #sharebox .virusPop .virusStatusMsg { display: inline-block; } #sharebox.publicDisabled .shareStatusIcon.ico30lock { display: block } #sharebox .copyrightPop .shareStatusBlock .shareStatusIcon.ico30lock, #sharebox .dmcaReviewPop .shareStatusBlock .shareStatusIcon.ico30lock, #sharebox .virusPop .shareStatusBlock .shareStatusIcon.ico30lock { display: inline-block; position: static; vertical-align: text-bottom; margin-left: -15px; } #sharebox .copyrightPop .shareStatusIcon.ico30lock:after, #sharebox .dmcaReviewPop .shareStatusIcon.ico30lock:after, #sharebox .virusPop .shareStatusIcon.ico30lock:after { margin-top: 0; } .copyrightPop .tabs > ul li[data-tab="sharebox-onetimedownload"] > span, .dmcaReviewPop .tabs > ul li[data-tab="sharebox-onetimedownload"] > span, .virusPop .tabs > ul li[data-tab="sharebox-onetimedownload"] > span { border-radius: 3px 3px 0 0; } #sharebox-contacts input[name="add_contacts"] { width: 100%; display: block; border: none; box-shadow: none; background: transparent; height: auto; line-height: 14px; padding: 6px; margin: 0px 5px; } #give_permissions_to::-ms-clear { display: none; } .addContactWrap { position: relative; width: 520px; } .addContactSettings { position:relative; display: block; } .addContactSettings > a { float: left; font-size: 13px; line-height: 28px; } .addContactSettings .currentContactPermissions { margin-right: 0px; line-height: 28px; } .addContactSettings .currentContactPermissions a { line-height: 28px; margin-left: 8px; } .addContactSettings span { float:right; font-size: 13px; line-height: 28px; } .addContactSettings .currentContactPermissions span { float:none; } .removeMessageLink { display: none; } .addContactMessage { display: none; } .addMessage .removeMessageLink, .addMessage .addContactMessage { display:block; } .addMessage .addMessageLink { display: none; } .addContactMessage { padding-top: 28px; } .addContactSettings .addContactMessage span { float:none; display: block; } .addContactSettings .addContactMessage span.sharebox-charcount { font-size: 12px; line-height: 12px; } #sharebox-contacts.addMessage #current-contacts { max-height: 83px; } #sharebox-contacts .warning { padding: 20px; text-align: center; display: none; margin-top: 20px; } #sharebox-contacts.saveContact .warning, #sharebox-contacts.confirmContact .warning, #sharebox-contacts.saveContact .warning .shareContactSave, #sharebox.removeContact .selected .shareContactRemoval, #sharebox-contacts.confirmContact .warning .shareContactConfirm { display: block; } .shareContactRemoval { display:none; position: absolute; left: 0px; right: 0px; padding: 6px 12px 0; top: 0px; background: #F9F1D2; bottom: 0px; white-space: nowrap; font-size: 12px; } .shareContactSave { display:none; } .shareContactConfirm { display: none; font-size: 13px; } #sharebox-contacts.confirmContact .addContacts, #sharebox-contacts.removeContact .addContacts { display:none; } #sharebox-contacts .warning span { font-size: 13px; } #sharebox-contacts .warning a[class*="gbtn"] { margin: -5px 0 0 20px; float: right; height: 30px; line-height: 30px; text-transform: none; font-weight: 600; /*width: 110px;*/ text-align: center; white-space: nowrap; } .shareContactRemoval a[class*="gbtn"] { height: 24px; line-height: 24px; font-size: 11px; float: right!important; margin: 4px 0 0 8px; } #sharebox-contacts .warning .shareContactRemoval a[class*="gbtn"] { margin: -10px 2px 0px; float: none; display: inline-block; } .shareContactRemoval > span { line-height: 33px; float: left; margin-left: 42px; } .contactRemovalName { font-weight: bold; overflow: hidden; max-width: 235px; text-overflow: ellipsis; display: inline-block; vertical-align: bottom; } .shareContactRemoval .gbtnPrimary { margin-right: 0px; } .importingContacts { position: absolute; top: 0px; bottom: 0; z-index: 20; background: white; left: 0px; right: 0px; text-align: center; padding-top: 28px; font-size: 18px; color: #aaa; display: none; } .importingContactsWrap .importingContacts, .loadingContactsWrap .importingContacts { display: block; } .importingContactsWrap .auto-complete, .importContactsWrap .importOptions, .importContactsWrap #currentPermissionsMenu, .importContactsWrap .currentContactPermissions { height: 0px!important; width: 0px!important; overflow: hidden; } .loadingContactsWrap .loadingContactsMsg, .importingContactsWrap .importingContactsMsg { display:inline-block; } .importingContactsWrap .loadingContactsMsg, .loadingContactsWrap .importingContactsMsg { display:none; } #sharebox-contacts .contactSpinner { height: 32px; width: 32px; display: inline-block; vertical-align: middle; border-radius: 50%; background: url('/images/backgrounds/spinners/white_32.gif') center no-repeat; } #sharebox-contacts .progressbar { height: 8px; width: 270px; margin: 0 auto; display: none; } .numberOfContacts { display: none; } #sharebox-contacts.importingContactsProgress .progressbar { display: block; } #sharebox-contacts.importingContactsProgress .contactSpinner { display: none; } #sharebox-contacts.importingContactsProgress .numberOfContacts { display: inline; } .importingContacts .importingContactsMsg, .importingContacts .loadingContactsMsg { margin-left: 10px; font-size: 13px; color: #aaa; line-height: 32px; vertical-align: middle; } #sharebox.nonOwner li[data-tab="sharebox-onetimedownload"] { display: none; } /* Contact Auto-Complete */ .auto-complete { position: absolute; top: 100%; z-index: 3; margin-top: -2px; background: #fff; left: 0px; right: 0px; border: 1px solid #ddd; border-top: none; border-radius: 0 0 4px 4px; box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.2); -o-box-shadow: 0px 4px 8px -4px rgba(0,0,0,0.2); max-height: 170px; overflow: auto; } .auto-complete.empty { height: 0px; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; } .auto-complete li { padding: 10px; border-top: 1px solid #ddd; cursor: pointer; } .auto-complete li.selected { background: #eee; } .auto-complete li:last-child { border-radius: 0 0 3px 3px; margin-bottom:-1px; } .autoCompleteThumb { background: url(/images/icons/defaultAvatar.png) no-repeat; height: 36px; width: 36px; display: inline-block; border-radius: 50%; float: left; background-position: center center; background-size: cover; } .autoCompleteInfo { display: inline-block; margin-left: 10px; } .autoCompleteName { display: block; font-size: 16px; font-weight: 300; line-height: 16px; } .autoCompleteEmail { font-size: 12px; line-height: 10px; } .autoSocialIcon { display: inline-block; height: 16px; width: 16px; vertical-align: middle; margin-right: 6px; background: url(/images/icons/socialMedia/contacts/miniSocial.png) top left no-repeat; } .contactBlocks .autoSocialIcon { margin-top: -2px; } .importOptions li:before { content: ""; height: 16px; width: 16px; position:absolute; left: 12px; top: 3px; background: url(/images/icons/socialMedia/contacts/miniSocial.png) top left no-repeat; } .importOptions li:nth-child(1):before { background-position: -60px 0px; } .importOptions li:nth-child(2):before { background-position: -120px 0px; } .importOptions li:nth-child(3):before { background-position: -90px 0px; } .importDone .autoSocialIcon { background-position: 0px 0px; } .importMediaFire .autoSocialIcon { background-position: -30px 0px; } .importGmail .autoSocialIcon { background-position: -60px 0px; } .importFacebook .autoSocialIcon { background-position: -90px 0px; } .importTwitter .autoSocialIcon { background-position: -120px 0px; } /* End Auto-Complete */ #sharebox-email { padding-top: 34px; position: relative; } #sharebox-email form li { position: relative; } #sharebox-email-buttons { padding-top: 10px; } .share-popup #sharebox-email input[class*="gbtn"] { text-transform: none; height: 30px; line-height: 30px; width: 100px; } #sharebox-email .shareImportContacts { top: -25px; } #sharebox-email .sharebox-charcount { font-weight: 400; font-size: 11px; color: #aaa; display: block; } #sharebox-email input[type="text"] { width: 512px; padding: 0 3px; height: 30px; margin-bottom: 10px; } /*#sharebox-email.unverifiedShare .unverifiedShareMessage a.gbtnSecondary, .share-popup.popup-dialog #sharebox-email.loginShare .loginShareMessage a.btn.alt,*/ .share-popup.popup-dialog #sharebox-onetimedownload.oneTimeInitial .oneTimeGenerateLink button { display: block; margin: auto; width: 200px; height: 32px; line-height: 32px; font-size: 13px; text-align: center; float: none; text-transform: none; font-weight: 400; border-radius: 3px; } .share-popup.popup-dialog #sharebox-onetimedownload.oneTimeInitial .oneTimeGenerateLink button:after { display:none; } #sharebox-onetimedownload .slideWrap { float: left; width: 520px; } .share-popup.popup-dialog #sharebox-onetimedownload .oneTimeGenerateLink button { cursor: pointer; display: inline-block; float: left; height: 30px; line-height: 30px; text-transform: none; font-weight: 600; border-radius: 3px 0px 0px 3px; margin-top: 1px; margin-right: 0px; } #sharebox-onetimedownload .oneTimeGenerateLink button:after { margin-top:5px; opacity: 1; background-image: url(/images/icons/ico30/ico30_reversed-v8.png); } .share-popup.popup-dialog #sharebox-onetimedownload .oneTimeGenerateLink input { border-radius: 0px 3px 3px 0px; float:left; width: 353px; } .share-popup.popup-dialog .gbtnPrimary.ico30link.copy-link { height: 32px; line-height: 32px; margin-top: -1px; margin-left: 5px; margin-right: 0px; width: 35px; padding: 0px; } .share-popup.popup-dialog .gbtnPrimary.ico30link.copy-link:after { margin-top: 5px; background-position: -1174px top; } .share-popup.popup-dialog .tabs > ul { padding: 0 32px; } .oneTimeEmailSelect { float: left; } .oneTimeEmailSelect label { font-weight: normal; } .expDateSelect { float: right; } #sharebox-onetimedownload .oneTimeGenerateLink { text-align: center; padding: 5px 0 0; } #OneTimeRemaining { color: #000; font-size: 13px; margin: 10px 0 0; } #sharebox-onetimedownload ul.slideSection { height: 25px; overflow: visible; visibility: visible; opacity: 1; font-size: 13px; white-space: nowrap; } .oneTimeInitial #OneTimeRemaining, #sharebox-onetimedownload.oneTimeInitial ul.slideSection, .oneTimeInitial .oneTimeGenerateLink input, .oneTimeInitial .oneTimeGenerateLink a.copy-link { opacity: 0; visibility: hidden; height: 0; overflow: hidden; } .oneTimeInitial { height: 86px; } .oneTimeInstr { display:none; } .oneTimeInitial .oneTimeInstr { display:block; text-align: center; margin: 10px; font-size: 13px; } #freeOneTimeExpire, #proOneTimeExpire { display:none; padding: 25px; font-size: 13px; text-align: center; } .share-popup textarea { width: 100%; padding: 0 !important; height: 75px; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sharebox-moreoptions > div { margin: 18px 18px 0px; } #sharebox-moreoptions label { width: 125px; text-align: right; margin: 3px 6px 0 0; } #sharebox-moreoptions input[type="text"] { font-size: 12px; padding: 0 2px; width: 329px; margin: 0px -3px 6px 10px; } #sharebox-moreoptions.share-image .embedlinks { padding-top: 15px; border-top: 1px solid #fff; } #sharebox-moreoptions.share-image .morelinks { padding-bottom: 150px; border-bottom: 1px solid #ddd; } #sharebox-moreoptions.share-image .imageoption select{ width:280px; margin-left: 10px; } .socialLinksWrap { position: relative; padding-top: 8px; clear: both; } /*.socialLinksBtn { border-radius: 50%; display: block; background: #ccc; height: 18px; width: 18px; font-size: 18px; line-height: 15px; color: #fff; position: absolute; top: 50%; left: 100%; margin-top: -10px; margin-left: 2px; text-align: center; opacity: 1; }*/ /*.socialLinksBtn:hover { color: #fff; background: #999; -webkit-transition: all 0.2s ease 0s; }*/ /*.socialLinksWrap.expandWrap { width: 300px; }*/ /*.socialLinksWrap.expandWrap .socialLinksBtn { display:none; }*/ /*.socialLinksWrap.expandWrap .socialLinks { width: 300px; -webkit-transition: width 0.5s ease 0s; }*/ /*.socialLinks { overflow:hidden; width: 95px; height: 30px; }*/ .socialLinks a { float: left; height: 28px; width: 28px; margin-right: 4px; overflow: hidden; background-image:url(../images/icons/socialMedia/socialIcons28.png); background-repeat: no-repeat; border-radius: 3px; -webkit-transition: all 0.2s ease 0s; } .socialLinks a:hover { opacity: 0.7; -webkit-transition: opacity 0.2s ease 0s; } .shareFacebook { background-position: 0 0; background-color: #244a95; } .shareTwitter { background-position: -28px 0; background-color: #2bbfe3; } .sharePinterest { background-position: -56px 0; background-color: #c2222b; } .sharePlus { background-position: -84px 0; background-color: #de0b11; } .shareTumblr { background-position: -112px 0; background-color: #395a73; } .shareBlogger { background-position: -140px 0; background-color: #ef823f; } /* OLD SHAREBOX */ /*.share-popup input[type="text"], .share-popup input[type="password"] { font-size: 14px; padding: 0 4px; height: 35px; }*/ .share-popup select { font-size: 12px; border-color: #BFC3C7; } .share-popup .popup-title { width: 420px; } .share-popup .popup-title span { font-weight: normal; } .share-popup .popup-content { padding: 0 32px; } .share-mainlink { width: 390px; margin: 0 5px 0 0; } /* .share-popup input.share-mainlink { float:left; margin-right:10px; } */ .share-popup-btns { padding-bottom: 0 !important; } .share-popup-btns input { float: right; margin: 0 0 0 10px; cursor: pointer; padding-left: 14px !important; } .share-popup a[class*="gbtn"]{ float:left; } #sharebox-moreoptions li a, #sharebox-moreoptions li input, #sharebox-moreoptions li label, #sharebox-moreoptions li select { float: left; font-size: 12px; line-height: 26px; } #sharebox-moreoptions li { padding: 1px 0px; float: left; clear: both; } #sharebox-moreoptions a { margin-left: 10px; } #sharebox-moreoptions a span { margin: 5px 0 0 5px; } #sharebox-moreoptions select { padding: 2px; line-height: 12px; margin: 0; border-radius: 3px; border-color: #BFC3C7; } #sharebox-moreoptions .imageoption { display: none; } #sharebox-moreoptions.share-gallery .fileoption { display: none; } #sharebox-moreoptions.share-image .imageoption { display: block; } /* #sharebox-moreoptions.share-image .morelinks { padding-bottom: 55px; border-bottom: 1px solid #ddd; } #sharebox-moreoptions.share-image .embedlinks { padding-top: 15px; border-top: 1px solid #fff; } */ .share-facebook, .share-twitter { float: left; width: 170px; } .share-facebook > span, .share-twitter > span { padding-left: 20px; float: left; } .share-facebook > span { background: url( images/icons/facebook_16.png) 0 2px no-repeat; } .share-twitter > span { background: url( images/icons/twitter_16.png) 0 2px no-repeat; } .share-facebook span span, .share-twitter span span, .sharebox-charcount { font-size: 12px; color: #a1a3a6; font-weight: normal; } .share-facebook em, .share-twitter em, .sharebox-charcount em { font-style: normal; } #sharebox-social form, #sharebox-email form, #sharebox-onetimedownload form { width: 488px; margin: 0 auto; } #sharebox-social input[type="checkbox"] { float: left; margin: 4px 10px 0 0; padding: 0; } #sharebox .copyrightPop #sharebox-copylink, #sharebox .copyrightPop #sharebox-downloadlink, #sharebox .copyrightPop #sharebox-social, #sharebox .copyrightPop #sharebox-email, #sharebox .copyrightPop #sharebox-moreoptions, #sharebox .copyrightPop li[data-tab="sharebox-email"], #sharebox .copyrightPop li[data-tab="sharebox-moreoptions"], #sharebox .dmcaReviewPop #sharebox-copylink, #sharebox .dmcaReviewPop #sharebox-downloadlink, #sharebox .dmcaReviewPop #sharebox-social, #sharebox .dmcaReviewPop #sharebox-email, #sharebox .dmcaReviewPop #sharebox-moreoptions, #sharebox .dmcaReviewPop li[data-tab="sharebox-email"], #sharebox .dmcaReviewPop li[data-tab="sharebox-moreoptions"], #sharebox .virusPop #sharebox-copylink, #sharebox .virusPop #sharebox-downloadlink, #sharebox .virusPop #sharebox-social, #sharebox .virusPop #sharebox-email, #sharebox .virusPop #sharebox-moreoptions, #sharebox .virusPop li[data-tab="sharebox-email"], #sharebox .virusPop li[data-tab="sharebox-moreoptions"] { display: none; } #sharebox .shareMultiSelection.copyrightPop #sharebox-copylink, #sharebox .shareMultiSelection.copyrightPop #sharebox-downloadlink, #sharebox .shareMultiSelection.copyrightPop #sharebox-social, #sharebox .shareMultiSelection.copyrightPop #sharebox-email, #sharebox .shareMultiSelection.copyrightPop #sharebox-moreoptions, #sharebox .shareMultiSelection.copyrightPop li[data-tab="sharebox-email"], #sharebox .shareMultiSelection.copyrightPop li[data-tab="sharebox-moreoptions"], #sharebox .shareMultiSelection.dmcaReviewPop #sharebox-copylink, #sharebox .shareMultiSelection.dmcaReviewPop #sharebox-downloadlink, #sharebox .shareMultiSelection.dmcaReviewPop #sharebox-social, #sharebox .shareMultiSelection.dmcaReviewPop #sharebox-email, #sharebox .shareMultiSelection.dmcaReviewPop #sharebox-moreoptions, #sharebox .shareMultiSelection.dmcaReviewPop li[data-tab="sharebox-email"], #sharebox .shareMultiSelection.dmcaReviewPop li[data-tab="sharebox-moreoptions"], #sharebox .shareMultiSelection.virusPop #sharebox-copylink, #sharebox .shareMultiSelection.virusPop #sharebox-downloadlink, #sharebox .shareMultiSelection.virusPop #sharebox-social, #sharebox .shareMultiSelection.virusPop #sharebox-email, #sharebox .shareMultiSelection.virusPop #sharebox-moreoptions, #sharebox .shareMultiSelection.virusPop li[data-tab="sharebox-email"], #sharebox .shareMultiSelection.virusPop li[data-tab="sharebox-moreoptions"] { display: block; } /* #sharebox-copylink, #sharebox-downloadlink { min-width: 525px; } */ /*#sharebox .copyrightPop #sharebox-onetimedownload, #sharebox .dmcaReviewPop #sharebox-onetimedownload, #sharebox .virusPop #sharebox-onetimedownload { display: block !important; } */ #sharebox.conservative .dmcaReviewPop #sharebox-onetimedownload { display: none !important; } #sharebox-onetimedownload .oneTimeGenerateLink button { cursor: pointer; display: inline-block; float: none; } #sharebox-onetimedownload .oneTimeCopyLink { margin-top: 15px; } #sharebox-onetimedownload .oneTimeCopyLink input { float: left; width: 429px; margin-right: 5px; } #sharebox-onetimedownload .oneTimeCopyLink a.gbtnPrimary { margin-right:0; } /*#sharebox-onetimedownload .slideWrap { margin: 15px 0; float:left; width: 460px; }*/ #sharebox-onetimedownload .slideToggle { width: 130px; margin: 0 auto; font-weight: normal; white-space: nowrap; } #sharebox-onetimedownload .slideSection { text-align: center; } #sharebox-onetimedownload .slideSection li { margin-top: 5px; } /* #OneTimeRemaining { color: #000; display: none; } */ #OneTimeRemaining span { color: #3190D3; } #freeOneTimeExpire { display: none; } #onetimedownload-error { display:none; width: 450px; padding: 25px; } .slideToggle { position: relative; padding-left: 18px; cursor: pointer; color: #3190D3; } .slideToggle:hover { text-decoration: underline; } .slideToggle .expandArrow { position: absolute; height: 0; width: 0; left: 0px; top: 50%; margin-top: -5px; border-color: transparent transparent transparent #72787E; border-width: 5px 0 5px 8px; border-style: solid; -webkit-transition: -webkit-transform .2s linear; -moz-transition: -moz-transform .2s linear; -ms-transition: -ms-transform .2s linear; -o-transition: -o-transform .2s linear; transition: transform .2s linear; } .slideSection { overflow: hidden; -webkit-transition: visibility 0s linear .2s, height .2s linear, opacity .2s linear; -moz-transition: visibility 0s linear .2s, height .2s linear, opacity .2s linear; -ms-transition: visibility 0s linear .2s, height .2s linear, opacity .2s linear; -o-transition: visibility 0s linear .2s, height .2s linear, opacity .2s linear; transition: visibility 0s linear .2s, height .2s linear, opacity .2s linear; visibility: hidden; height: 0px; opacity: 0; } .slideWrap.expandSection .slideSection { visibility: visible; height: 55px; opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .slideWrap.expandSection .expandArrow { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .labelForImages { display: none; } .share-image .labelForImages { display: inline; } .share-image .labelForFiles { display: none; } /* ---------- DISABLING SHARE LINK ----------- */ .disabledLinkCover, .tabdisabledMsg { display:none; } .publicDisabled .share-mainlink { background: #d0d0d0 !important; border: 1px solid #999 !important; box-shadow: none !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .publicDisabled #sharebox-downloadlink .copy-link { background: #999; box-shadow: 0 0 0 1px #999; color: transparent; font-size: 0; } .publicDisabled .socialLinks a { background-color: #999; pointer-events: none; } .publicDisabled .unverifiedShareMessage { display: none; } .publicDisabled .tooltip { left: 130px; top: -3px; display: block; opacity:0; visibility: hidden; -webkit-transition: opacity 0.4s ease 0s, visibility 0.2s ease 0s; -moz-transition: opacity 0.4s ease 0s, visibility 0.2s ease 0s; -o-transition: opacity 0.4s ease 0s, visibility 0.2s ease 0s; -o-transition: opacity 0.4s ease 0s, visibility 0.2s ease 0s; transition: opacity 0.4s ease 0s, visibility 0.2s ease 0s; } .publicDisabled .disabledLinkCover:hover .tooltip { opacity:1; visibility: visible; -webkit-transition: opacity 0.4s ease 0s, visibility 0s ease 0s; -moz-transition: opacity 0.4s ease 0s, visibility 0s ease 0s; -ms-transition: opacity 0.4s ease 0s, visibility 0s ease 0s; -o-transition: opacity 0.4s ease 0s, visibility 0s ease 0s; transition: opacity 0.4s ease 0s, visibility 0s ease 0s; } .publicDisabled.disabledAlert .tooltip { display:none!important; } .publicDisabled .disabledLinkCover { display: block; width: 100%; top: 20px; background: #fff; position: absolute; background: rgba(255,255,255,0.8); z-index: 1; padding: 2px; bottom: 0px; cursor: default!important; } .publicDisabled a.disabledLinkCover:hover { cursor: default!important; } .publicDisabled .tabdisabledMsg { display: block; position: absolute; top:0px; bottom:0px; color: #aaa; font-size: 13px; text-align:center; padding: 30px 0 0; left:0px; right:0px; } .publicDisabled .tabs > ul li[data-tab="sharebox-email"] > span, .publicDisabled .tabs > ul li[data-tab="sharebox-moreoptions"] > span { background: #f9f9f9; /* Old browsers */ color: #ccc; } .publicDisabled .tabs > ul li[data-tab="sharebox-email"].current > span, .publicDisabled .tabs > ul li[data-tab="sharebox-moreoptions"].current > span { background: #fff; } .publicDisabled .ico30email, .publicDisabled .ico30settings { opacity:0.2!important; } .publicDisabled #sharebox-email, .publicDisabled #sharebox-moreoptions { position:relative; padding:0px 0px 0px 0px; height: 70px; } .publicDisabled #sharebox-email form { display: none; } .publicDisabled #sharebox-moreoptions .morelinks, .publicDisabled #sharebox-moreoptions .embedlinks { display: none; } .publicDisabled #sharebox-moreoptions > div { margin:0!important; } .togglePublicArrow { position: absolute; display: block; border-radius: 50%; background-color: #3190D3; height: 18px; width: 18px; color: #fff; top: -107px; left: 166px; z-index: 1; line-height: 15px; font-size: 18px; } .floating{ animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes floating { 0% { transform: translateX(0%); } 50% { transform: translateX(30%); } 100% { transform: translateX(0%); } } @-webkit-keyframes floating { 0% { -webkit-transform: translateX(0%); } 50% { -webkit-transform: translateX(30%); } 100% { -webkit-transform: translateX(0%); } } /* ---------- SHARE LINK DISALBED FOR FOLLOWING APP/DESKTOP FOLDER: HIDE ALL ITEMS, SHOW MESSAGE ----------- */ #sharingDisabledMessage { display: none; background: #faf0cd; border-radius: 3px; text-align: center; font-size: 13px; padding: 10px; margin: 20px 50px 50px; } #sharebox.publicDisabled.nonOwner #sharingDisabledMessage { display: block !important } #sharebox.publicDisabled.nonOwner .popup-content, #sharebox.publicDisabled.nonOwner .tabs { display: none !important; } /* ---------- DESKTOP WIDGET ADJUSTMENTS ----------- */ /* we can't make dropdowns extend past the box like we do on the web, so we make these go up until we work out something better */ #sharebox.web-widget .auto-complete { top: auto; bottom: 100%; box-shadow: 0 1px 10px 3px rgba(0,0,0,.3), 0 0 0 1px rgba(0,0,0,.2); border: none; border-radius: 4px 4px 0 0; max-height: 204px; z-index: 6; left: 1px; right: 1px; } #sharebox.web-widget .auto-complete.empty { box-shadow: none; } #sharebox.web-widget .currentPermissions { bottom: 100%; margin-bottom: -8px; } /* disable resize, must remain fixed size for Desktop */ #sharebox.web-widget textarea { resize: none; } /* fix jaggies with opacity hack */ #sharebox.web-widget .socialLinks a { opacity: .99; } #sharebox.web-widget .socialLinks a:hover { opacity: 0.7; -webkit-transition: opacity 0.2s ease 0s; } /* import options temporarily disabled for MFDT, replace with a message */ #sharebox #desktopImportMessage { display: none; margin: 15px; background: #fff; padding: 38px 15px 15px; white-space: nowrap; border-radius: 3px; position: absolute; right: -32px; z-index: 5; top: -23px; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px 3px 6px 0px rgba(0, 0, 0, .15); } #sharebox #desktopImportMessage li { padding: 15px; } #sharebox.web-widget .shareImportContacts ul { display: none; } #sharebox.web-widget .shareImportContacts ul.show + ul#desktopImportMessage { display: block; } /* ---------- SHOW TABS WITH CLASSES (FIXES ISSUE WITH DESKTOP) ----------- */ #sharebox.sharebox-moreoptions #sharebox-moreoptions, #sharebox.sharebox-email #sharebox-email, #sharebox.sharebox-onetimedownload #sharebox-onetimedownload { display: block !important; /* JS is still applying inline css to hide */ } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* ALT SHAREBOX MESSAGE FOR UNVALIDATED USERS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #sharebox-email .unverifiedShareMessage { display:none; /* Hides alt message when user is validated */ } #sharebox-email.unverifiedShare #sharebox-form-email { display:none; /* Hides email form when user is NOT validated */ } #sharebox-email.unverifiedShare .unverifiedShareMessage { display:block; } #sharebox.publicDisabled #sharebox-email.unverifiedShare .unverifiedShareMessage { display: none; } #sharebox-email.unverifiedShare .unverifiedShareMessage a.gbtnSecondary { float: none; margin: 0 auto; display: block; width: 160px; text-align: center; } #sharebox-email.unverifiedShare .unverifiedShareMessage p { text-align: center; font-size: 13px; font-weight: 400; padding-bottom: 20px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* ALT SHAREBOX MESSAGE FOR USERS NOT LOGGED IN //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #sharebox-email .loginShareMessage { display:none; /* Hides alt message when user is validated */ } #sharebox-email.loginShare #sharebox-form-email { display:none; /* Hides email form when user is NOT validated */ } #sharebox-email.loginShare .loginShareMessage { display:block; } #sharebox-email.loginShare .loginShareMessage p { text-align: center; font-size: 13px; padding-bottom: 25px; } #sharebox-email.loginShare .loginShareMessage a.btn.alt { display: block; margin: auto; width: 230px; text-align: center; cursor: pointer; } #sharebox-email.loginShare .loginShareMessage .loginShareFooter { padding-bottom: 15px; font-size: 12px; padding-top: 15px; line-height: 16px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* MOVE FILES POPUP //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #form-move .folderlist_content.selectable, #form-save .myaccountlist_content.selectable { padding: 15px 15px 15px 0; background: none; -moz-box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.25); } .folderlist_content.selectable { background:none; } #save-dialog-folderlist li.linked_folder { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* CREATE NEW FOLDER POPUP ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .enableFileDrop { padding: 10px 0; } .enableFileDrop a { padding-bottom: 20px; } .popupInfoSlider { position: relative; display: block; background: #DDE0E4; margin-left: -15px; margin-right: -15px; padding: 15px; font-size: 12px; color: #4D5256; border-top: 0px solid #BEC2C5; border-bottom: 0px solid white; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .1), transparent 3px); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .1), transparent 3px); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, .1), transparent 3px); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .1), transparent 3px); background-image: linear-gradient(top, rgba(0, 0, 0, .1), transparent 3px); overflow: hidden; cursor: default; -webkit-transition: opacity .2s linear, height .2s linear, padding .2s linear, margin-top 0s linear .2s; -moz-transition: opacity .2s linear, height .2s linear, padding .2s linear, margin-top 0s linear .2s; -ms-transition: opacity .2s linear, height .2s linear, padding .2s linear, margin-top 0s linear .2s; -o-transition: opacity .2s linear, height .2s linear, padding .2s linear, margin-top 0s linear .2s; transition: opacity .2s linear, height .2s linear, padding .2s linear, margin-top 0s linear .2s; height: 0; opacity: 0; padding: 0 15px; margin-top: 0; } .popupInfoSlider:before { content: ""; position: absolute; top: -5px; left: 175px; height: 10px; width: 10px; background: #DDE0E4; -webkit-box-shadow: inset 3px 3px 3px 0 rgba(0,0,0,.1); -moz-box-shadow: inset 3px 3px 3px 0 rgba(0,0,0,.1); box-shadow: inset 3px 3px 3px 0 rgba(0,0,0,.1); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .enableFileDrop a:hover .popupInfoSlider { border-width: 1px; overflow: visible; margin-top: 10px; opacity: 1; height: 114px; padding: 15px 15px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } label[for="folder-filedrop-checkbox"] { display: inline; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* FOLDER TREE (SIDEBAR) /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #folderTree { position: fixed; top: 132px; left: 8px; bottom: 20px; width: 240px; overflow: hidden; font-family: 'Open Sans', sans-serif; } .mobile-device #folderTree { position: absolute; } #folderTree .indicator-up { top: 0px; right: 50%; margin: 0 0 0 -4px; display: none; } #folderTree .indicator-down { bottom: 0px; right: 50%; top: auto; margin: 0 0 0 -4px; display: none; } #folderTree div.folderlist_content { padding: 0; overflow: auto; overflow-x: hidden; max-height: 100%; position: relative; z-index: 4; } div.folderlist_content ul , div.myaccountlist_content ul { position: relative; z-index: 5; } div.folderlist_content ul li, div.myaccountlist_content ul li { font-size: 11px; padding: 0; margin-left: 10px; position: relative; z-index: 6; } div.folderlist_content ul li a, div.myaccountlist_content ul li a { padding: 2px 0 2px 45px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url( images/icons/myfiles/folder-sm.png) 17px 4px no-repeat; font-size: 14px; color: #4f4f4f; } .wHeightCondensed div.folderlist_content ul li a, .wHeightCondensed div.myaccountlist_content ul li a { font-size: 12px; } div.folderlist_content ul li.nav-linked-folder a.folder_name, div.myaccountlist_content ul li.nav-linked-folder a.folder_name { background-image: url( images/icons/myfiles/folder-collab-sm.png); } div.folderlist_content .sharedByUser:after { content: ""; position: absolute; height: 13px; width: 16px; top: 7px; left: 19px; background: url(/images/icons/ico30/ico30-v8.png) -1994px 0 no-repeat; opacity: .5; } div.folderlist_content .current_folder_location.sharedByUser:after { opacity: 1; } div.folderlist_content ul li a.folder_arrow, div.myaccountlist_content ul li a.folder_arrow { position: absolute; display: block; height: 12px; width: 12px; padding: 0; left: 2px; top: 5px; border: none; opacity: .4; overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } div.folderlist_content ul li a.folder_arrow:hover, div.myaccountlist_content ul li a.folder_arrow:hover { background-color: transparent; border: none; opacity: .6; } li.collapsed > ul { display: none; } li.expanded > ul { display: block; } li.collapsed > a.folder_arrow { background: url( images/backgrounds/newMyfiles/smArrow.png) 0 0 no-repeat; } li.expanded > a.folder_arrow { background: url( images/backgrounds/newMyfiles/smArrow.png) 0 0 no-repeat; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); } li.current_folder_location.collapsed > a.folder_arrow { background: url( images/backgrounds/newMyfiles/smArrow.png) 0 0 no-repeat; border: none; } li.current_folder_location.expanded > a.folder_arrow { background: url( images/backgrounds/newMyfiles/smArrow.png) 0 0 no-repeat; border: none; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); } div.folderlist_content ul li.current_folder_location > a, div.myaccountlist_content ul li.current_folder_location > a { background-color: #f0f0f0 !important; color: #252525 !important; text-decoration: none !important; background: url( images/icons/myfiles/folder-sm-active.png) 17px 4px no-repeat; font-weight: bold; } div.folderlist_content ul li.nav-linked-folder li.current_folder_location > a.folder_name, div.folderlist_content ul li.nav-linked-folder.current_folder_location > a.folder_name, div.myaccountlist_content ul li.nav-linked-folder li.current_folder_location > a.folder_name, div.myaccountlist_content ul li.nav-linked-folder.current_folder_location > a.folder_name { background-image: url( images/icons/myfiles/folder-collab-current-sm.png); } #folderTree li .folder_name { cursor: move; cursor: grab; cursor: hand; cursor: -moz-grab; } #folderTree #nav-myfiles > .folder_name, #folderTree .nav-linked-folder .folder_name { cursor: pointer; } #folderTree ul li a.folder_name.root_folder:hover { background-image: none; } div.folderlist_content ul li a.load_more { background: none; font-weight: bold; color: #000; position: relative; padding-left: 18px; } /*div.folderlist_content ul li a.load_more:before { content: ""; position: absolute; height: 18px; width: 18px; top: 0; left: 19px; background: url( images/icons/ico30/ico30-v8.png) -283px 0 no-repeat; }*/ div.folderlist_content ul li a.load_more:hover { color: #3190D3; } /* FOLDER NAVIGATOR HOVER & FOCUS */ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #folderTree li a.folder_name:hover, #folderTree li a.folder_name.folder_focus, #folderTree li.row_context > a.folder_name { background-color: #f0f0f0; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* STATUS BOXES //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .error-box { color: #BD2727; padding: 15px; background-color: #FFD6D6; box-shadow: 0px 1px 0px #fff, inset 0px 1px 1px rgba(0, 0, 0, 0.5); border-radius: 3px; background-clip: padding-box; } .warning { color: #7d6025; padding: 10px; margin-bottom: 20px; background-color: #f4e8bd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #dbcd9b; } .successBox { color: #587A29; padding: 10px; background-color: #DDF1C5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #B8DF81; } .info { } .success-ico { display: block; background: url( images/icons/status-sprite.png) 0 0 no-repeat; width: 15px; height: 16px; float: left; margin: 0 5px -2px -7px; } .error-ico { display: block; background: url( images/icons/status-sprite.png) 0 -17px no-repeat; width: 16px; height: 16px; float: left; margin: 0 4px -2px -7px; } .warning-ico { display: block; background: url( images/icons/status-sprite.png) 0 -35px no-repeat; width: 15px; height: 16px; float: left; margin: 0 5px -2px -7px; } .info-ico { display: block; background: url( images/icons/status-sprite.png) 0 -52px no-repeat; width: 15px; height: 16px; float: left; margin: 0 5px -2px -7px; } .warning-triangle-ico { display: block; background: url( images/icons/warning-triangle.png) center no-repeat; width: 16px; height: 17px; float: left; margin: 0 5px -2px -7px; } .inset-box > .success-ico, .inset-box > .error-ico, .inset-box > .warning-ico, .inset-box > .info-ico { margin-top: 3px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* OLD FORM STYLES, NEED TO INVESTIGATE REMOVAL OF #CONTENT ONLY DECLARATIONS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ select { font-size: 14px; } #content form.sm li { padding: 5px 0; } #content form.sm input[type="text"], #content form.sm input[type="email"], #content form.sm input[type="password"] { font-size: 14px; } #content form ul { margin-bottom: 0px; padding: 20px 0; } #content form ul.inset-box { padding: 15px; } #content form ul.inset-box li { min-height:0; } #statusmessage { position: fixed; top: 200px; z-index: 1600; width: 100%; cursor: pointer; color: white; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* STATUS MESSAGE (showstatusmessage, black overlay type) ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #statusmessage > div { background: #000; background: rgba(0, 0, 0, 0.65); filter: alpha(opacity = 65); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #statusmessage div div { } #statusmessage #statusmessage_text { font-size: 14px; font-weight: bold; line-height: 1.3em; color: white; margin-bottom: 10px; } #statusmessage #dismiss_message_div { font-size: 10px; color: white; } #statusmessage.status_warning div { background: #fc6; } #statusmessage.status_warning div div { } #statusmessage.status_warning div.statusmessage_wrapper { background: #ffc url( images/icons/warning.png) center 8px no-repeat; } #statusmessage.status_warning #statusmessage_text { color: #333; padding-top: 10px; background: none; } #statusmessage.status_warning #dismiss_message_div { color: #333; background: none; } #statusmessage.status_error div { background: #ed0000; } #statusmessage.status_error div div{ background: #FFCBC8; } #statusmessage.status_error div.statusmessage_wrapper { background: #FFCBC8 url( images/icons/exclamation.png) center 8px no-repeat; } #statusmessage.status_error #statusmessage_text { color: #900; padding-top: 10px; background: none; } #statusmessage.status_error #dismiss_message_div { color: #333; background: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* PASSWORD STRENGTH METER ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .pwdStrength { padding: 0; font-size: 10px; text-transform: uppercase; width: 70px; /*default, flexible*/ opacity: 0; -webkit-transition: opacity .5s linear; -moz-transition: opacity .5s linear; -ms-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear; } .strengthText { font-style: normal; padding: 0; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -ms-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; } .strengthMeter { background: #F2F2F2; margin: 2px 0 0; border-radius: 2px; -moz-border-radius: 2px; } .strengthMeter b { display: block; height: 6px; width: 0%; border-radius: 2px; -moz-border-radius: 2px; background: transparent; -webkit-transition: background-color .2s linear, width .2s linear; -moz-transition: background-color .2s linear, width .2s linear; -ms-transition: background-color .2s linear, width .2s linear; -o-transition: background-color .2s linear, width .2s linear; transition: background-color .2s linear, width .2s linear; } .pwdStrength.weak, .pwdStrength.fair, .pwdStrength.good, .pwdStrength.strong { opacity: 1; } .pwdStrength.weak .strengthText { color: red; } .pwdStrength.weak .strengthMeter b { background: red; width: 25%; } .pwdStrength.fair .strengthText { color: darkorange; } .pwdStrength.fair .strengthMeter b { background: orange; width: 50%; } .pwdStrength.good .strengthText { color: dodgerblue; } .pwdStrength.good .strengthMeter b { background: dodgerblue; width: 75%; } .pwdStrength.strong .strengthText { color: forestgreen; } .pwdStrength.strong .strengthMeter b { background: forestgreen; width: 100%; } .pwdTips { display: inline; position: relative; cursor: help; } .pwdTips .tooltip { display: none; left: 0; width: 225px; padding: 10px 15px; font-size: 11px; line-height: 16px; text-align: left; text-transform: none; } .pwdTips:hover .tooltip { display: block; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* ITEM LABELS (used for "BETA", etc.) ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .labelSquare { -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px; background: #52575B; color: #fff; vertical-align: text-bottom; } .labelSquare.sm { -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px; font-size: 10px; padding: 2px 4px; } .lWarning { background: #D85724; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* CORNER BANNERS (revise to self-mask using pseudo-elements;) create new colors as necessary) ////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .labelRibbon { position: absolute; font-size: 10px; text-transform: uppercase; font-weight: 800; text-align: center; height: 18px; width: 64px; line-height: 18px; top: 19px; left: -5px; text-shadow: -1px 1px 0 rgba(0,0,0,.5); color: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 1; background-color: #262626; background-image: -webkit-linear-gradient(-90deg, rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -moz-linear-gradient(-90deg, rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -ms-linear-gradient(-90deg, rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -o-linear-gradient(-90deg, rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: linear-gradient(-90deg, rgba(255,255,255,.5), rgba(255,255,255,0)); border-radius: 3px 3px 0 0; } .labelRibbon:before, .labelRibbon:after { content: ""; position: absolute; top: 0; z-index: -1; border-color: transparent #262626 transparent transparent; border-style: solid; border-width: 18px 18px 0px 18px; left: -35px; } .labelRibbon:after { border-color: transparent transparent transparent #8e8e8e; left: auto; right: -35px; } .windows.chrome .labelRibbon { -webkit-transform: translate3d(0,0,0) rotate(-45deg); /* forces hardware antialiasing, our font looks bad on Windows after rotation */ } /* blue ribbon */ .labelRibbon.lrBlue { background-color: #1395EC; } .labelRibbon.lrBlue:before { border-color: transparent #1395EC transparent transparent; } .labelRibbon.lrBlue:after { border-color: transparent transparent transparent #85c8f5; } /* ie */ .ie9 .labelRibbon:after { border-color: transparent transparent transparent #262626; } .ie9 .labelRibbon.lrBlue:after { border-color: transparent transparent transparent #1395EC; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* NOTIFICATION INDICATORS ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .notificationBubble { display: none; position: absolute; height: 16px; min-width: 8px; top: 50%; left: 0; margin: -10px 0 0; line-height: 16px; text-align: center; font-size: 11px; color: white; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid white; background: #D85724; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3), 0 0 1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5), 0 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5), 0 0 1px 0 rgba(0, 0, 0, 0.5); padding: 0 4px; z-index: 1; font-weight: bold; } .dropdown li .notificationBubble { display: block; margin-left: 20px; } .dropdown li .notificationBubble + a { padding-left: 26px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* NOTIFICATION BOX //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #notify_main { width: 600px; margin-left: -300px; /*display: ;*/ position: fixed; bottom: 0; left: 50%; z-index: 51; } .notify_msgwrapper { position: relative; padding: 6px 55px 0 10px; background: #000; background: rgba(15,15,15,.90); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); box-shadow: inset 0 1px 0 rgba(255,255,255,.2); color: #fff; font-size: 12px; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; border: 1px solid #000; border-bottom: 0; min-width: 530px; min-height: 62px; } .notify_msgwrapper p { } .notify_msgtitle { font-weight: bold; display: block; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ } .notify_msgbody { color: #83BFFC; } .notify_msgscroll { position: absolute; bottom: 7px; right: 8px; width: 27px; height: 54px; } .notify_msgscroll a { display: block; height: 27px; width: 27px; border: 1 px solid #fff; } .msgscroll_up { background: #eee url(/images/icons/dropdown-arrow-up-dark.png) center no-repeat; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border-bottom: 0; } .msgscroll_dn { background: #eee url(/images/icons/dropdown-arrow.png) center 11px no-repeat; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; border-top: 0; } #notify_main .msgnumber { position: absolute; left: 0; top: 18px; width: 27px; margin: 0; padding: 0; text-align: center; font-size: 12px; color: #; } #notify_main span.notify_msgtitle_min { display: none; font-weight: bold; } #notify_main.notify_hidden { overflow: hidden; background: url( images/icons/dropdown-arrow-black.png) center 2px no-repeat; } #notify_main.notify_hidden .notify_msgwrapper { padding: 0; min-height: 8px; opacity: .3; } #notify_main.notify_hidden span.notify_msgtitle, #notify_main.notify_hidden span.notify_msgbody, #notify_main.notify_hidden div.notify_msgscroll, #notify_main.notify_hidden a.notify_min { display: none; } #notify_main.msg_default { } #notify_main.msg_warning { } #notify_main.msg_error { color: #D85724; } #notify_main.notify_hidden .notify_msgwrapper p { font-size: 10px; line-height: 11px; } #notify_main span.notify_timestamp { font-weight: normal !important; } .shortenFileName { max-width: 390px; display: inline-block; height: 15px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* SPECIAL BUTTONS FOR HEADER (login, and...) ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .header-buttons { padding: 29px 0; position: relative; z-index: 1; } .header-buttons .btn { color:white; font-size: 18px; text-shadow: 0 -1px 0 black; -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1); padding: 12px 30px; margin-left: 10px; width: 68px; text-align: center; } .header-buttons .btn:active { -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.1); box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.6), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.1); color:white; text-shadow: 0 -1px 0 black; } .header-buttons .btn.secondary { background-color: #467bb7; background-image: -webkit-gradient(linear, left top, left bottom, from(#467bb7), to(#2d629e)); background-image: -webkit-linear-gradient(top, #467bb7, #2d629e); background-image: -moz-linear-gradient(top, #467bb7, #2d629e); background-image: -ms-linear-gradient(top, #467bb7, #2d629e); background-image: -o-linear-gradient(top, #467bb7, #2d629e); background-image: linear-gradient(top, #467bb7, #2d629e); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#467bb7', EndColorStr='#2d629e'); border: 1px solid #1d468c; } .header-buttons .btn.primary { background-color: #84b943; background-image: -webkit-gradient(linear, left top, left bottom, from(#84b943), to(#619620)); background-image: -webkit-linear-gradient(top, #84b943, #619620); background-image: -moz-linear-gradient(top, #84b943, #619620); background-image: -ms-linear-gradient(top, #84b943, #619620); background-image: -o-linear-gradient(top, #84b943, #619620); background-image: linear-gradient(top, #84b943, #619620); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#84b943', EndColorStr='#619620'); border: 1px solid #2D5200; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* IMAGE ROTATE ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .image_rotate { float: right; margin: 10px 0 0; } .image_rotate a { display: block; float: left; } .image_rotate a:hover, .image_rotate a:focus { text-decoration: none; } .image_rotate span { } .image_rotate_l { margin: 0 10px; } .image_rotate_r { margin: 0 10px; } .rot0 { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); rotation: 0deg; } .rot90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); rotation: 90deg; } .rot180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); rotation: 180deg; } .rot270 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); rotation: 270deg; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* LEGACY: POPUPS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #sharingmode_popup, #root_explanation_popup, #save_stats_popup, #load_stats_popup, #report_loading_popup { width:423px; height:302px; background: #f8f9fb; position:absolute; top:0px; left:0px; z-index: 1001; border-radius: 5px; } #detailed_report_popup, #directlinking_popup, #advertising_popup, #maxfilesize_popup, #rollover_popup, #backups_popup, #stats_popup, #ssl_popup, #stats_explanation_popup, #support_popup, #websiteupload_popup, #bandwidthoptions_popup, #howto_directlink_popup, #monthly_billing_popup, #survey_monkey_popup, #sharing_popup, #clean_download_popup, #easy_file_management_popup, #image_gallery_popup, #uploader_popup { width: 800px; position:absolute; z-index: 1001; } #save_stats_popup { padding:10px; } #modal_window_popup { width: 700px; position: absolute; z-index: 1001; border-radius: 8px; overflow: hidden; } #select_stats_popup, #no_files_yet_popup { width: 539px; position:absolute; top:0px; left:0px; z-index: 1001; } #mediapro_login_popup { width:423px; height:302px; position:absolute; padding: 15px; top:0px; left:0px; z-index: 1001; } .modal_header { font-weight: bold; margin: 10px 0 2px 0; color: #000; } .modal_input { padding: 5px; border: 1px solid #a4a4a4; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* CONTEXT MENUS /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #contextmenu { display: none; position: absolute; } #contextmenu.fixed { position: fixed; z-index: 80; } #contextmenu ul { z-index: 80; } .number_of_selectedobjects { color: #A56612 !important; margin: -15px 0 15px 0; background: #FFE2A3; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; font-size: 12px; text-align: center; padding: 3px 0 !important; cursor: default !important; } .number_of_selectedobjects:hover { background: #FFE2A3 !important; border-color: transparent !important; } #contextmenu.dropdown.show { display: block!important; /* did this because js keeps inserting "display:none" in the inline style */ } #contextmenu.dropdown ul { visibility: visible; opacity: 1; max-width: 999px; max-height: 999px; display: none; border-radius: 3px; -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .09), 0px 3px 20px 0px rgba(0, 0, 0, .25); -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .09), 0px 3px 20px 0px rgba(0, 0, 0, .25); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .07), 0px 3px 20px 0px rgba(0, 0, 0, .25); padding: 15px 0; } /*#contextmenu.private-item-menu li[data-command="copy-link"],*/ #contextmenu.private-item-menu li[data-command="copy-onetimelink"], #contextmenu.private-item-menu li.submenu, #myfiles_wrap.basic-sharing #contextmenu-mainlist-folder li[data-command="copy-link"], #myfiles_wrap.basic-sharing #contextmenu-mainlist-folder li[data-command="share"], #myfiles_wrap.basic-sharing #contextmenu-mainlist-file li[data-command="copy-onetimelink"], #myfiles_wrap.basic-sharing #contextmenu-mainlist-folder li.submenu { display: none !important; } #contextmenu li[data-command="file-preview"], #contextmenu li[data-command="edit-file"], #contextmenu li[data-command="collab-file"], #contextmenu li[data-command="password"] { display: none; } #contextmenu.hasPreview li[data-command="file-preview"], #contextmenu.canEdit li[data-command="edit-file"], #contextmenu.canEdit li[data-command="collab-file"], #contextmenu.hasPassword li[data-command="password"], #contextmenu.audio li[data-command="file-preview"], #contextmenu.video li[data-command="file-preview"] { display: block; } #contextmenu.audio li[data-command="file-preview"]:after { background-position: -1381px top; background-color: #9c3; } #contextmenu.video li[data-command="file-preview"]:after { background-position: -1530px top; background-color: #9c3; } #contextmenu.private-item-menu li[data-command="share"]:after { background-position: -1141px top; background-color: #333; } #myfiles_wrap.thumbnailView #contextmenu { z-index: 1000; } .sharemode #contextmenu-folderbrowser-folder li, .sharemode #contextmenu-mainlist-file > li, .sharemode #contextmenu-mainlist-folder > li, .sharemode #contextmenu-mainlist-multiple > li, .collabmode #contextmenu-folderbrowser-folder li, .collabmode #contextmenu-mainlist-file > li, .collabmode #contextmenu-mainlist-folder > li, .collabmode #contextmenu-mainlist-multiple > li { display: none; } .image #contextmenu-mainlist-file > li.noimage { display: none; } #contextmenu.development-item li#collaboratefile { display:none; } #contextmenu .collaborate-item { display: none; } #container.collabmode #contextmenu .normal-and-collabmode-item { display: block; } #contextmenu.collab-folder-menu > ul > li { display: none; } #contextmenu.collab-folder-menu .collaborate-item, #contextmenu.collab-folder-menu .multimode-item, #contextmenu.collab-folder-menu .divider { display: block; } #contextmenu.collab-file-menu > ul > li.normal-item { display:none; } #contextmenu li:hover, #contextmenu li.zeroclipboard-is-hover { background: rgba(0,0,0,.05); } #contextmenu li { padding-left: 48px; } #contextmenu li.divider { padding-left: 20px; } /* ICON ADJUSTMENTS */ #contextmenu li[class="ico30folder"]:after { background-position: -1060px top; margin-left: 12px; width: 20px !important; } #contextmenu li[class*="ico30"]:after { left: 5px; opacity: 1; z-index: -1; } .deleteOption { display: none; } .editPermission .move2Trash, .showFollowing.collab-folder-menu-edit .move2Trash, .showFollowing.collab-file-menu-edit .move2Trash, .showFollowing .move2Trash, .collab-mix-edit .move2Trash { display: none; } .editPermission .deleteOption, .showFollowing.collab-folder-menu-edit .deleteOption, .showFollowing.collab-file-menu-edit .deleteOption, .showFollowing .deleteOption, .collab-mix-edit .deleteOption { display: inline; } #container.collabmode-view #contextmenu li[data-command="delete"], #container.collabmode-view #contextmenu li[data-command="update"], #container.collabmode-view #contextmenu li[data-command="revise"] { display: none!important; } /*+++++++++++++++++++++++++++++++++++++++++++++++*/ /* jQuery UI Smoothness Theme for autocompletion /*+++++++++++++++++++++++++++++++++++++++++++++++*/ /*! jQuery UI - v1.10.3 - 2013-05-03 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-seri f&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccc cc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHea der=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=fffff f&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaa aa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTe xtureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fc Default=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHo ver=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121& iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImg OpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorAct ive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpaci tyHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColo rHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacit yError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a &bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opa cityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityS hadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offs etLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to overide default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertical centre icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; } /* This removes the span status above the autocomplete input*/ .ui-helper-hidden-accessible { display:none; } /* Make sure the autocomplete list is above the page screen and has a max height */ .ui-autocomplete { z-index: 1001; height: 200px; overflow-y: scroll; overflow-x: hidden; } #recaptchaDiv input { display: inline!important; height: 15px; font-size: 12px!important; line-height: 18px; } /* Used for monitoring element resizing (Web Widgets) */ .resize-sensor, .resize-sensor > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; } /* MediaFire Master Stylesheet, Ver. 4 */ /*-------------------------------------------------------------------- UTILITY CSS utility.css.php ---------------------------------------------------------------------- CONCATENATED FILE, PART OF: /css/mfv4_(build number).php?ver=nonssl&date=(build date) ---------------------------------------------------------------------- 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, not part of mfv4 file ] --------------------------------------------------------------------*/ /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // CLEAR FIX // ///////////////////////*/ .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .cf { zoom: 1; } /* IE6 */ *:first-child+html .cf { zoom: 1; } /* IE7 */ .left { float:left; } .right { float: right; } .center-txt { text-align: center; } .txt-left { text-align: left; } .txt-center { text-align: center; } .txt-right { text-align: right; } .txt-justify { text-align: justify; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // ICONS // ///////////////////////*/ .ico16 { display: block; float: left; width: 16px; height: 17px; margin: 3px 10px 0 0; background: url( images/icons/icon-sprite-16-v9.png) no-repeat; } /*////////////////////////////////////////////Initial*// .ico16.user { background-position: 0px 0px; } .ico16.users { background-position: -20px 0px; } .ico16.up { background-position: -40px 0px; } .ico16.down { background-position: -60px 0px; } .ico16.download { background-position: -80px 0px; } .ico16.gear { background-position: -100px 0px; } .ico16.wrench { background-position: -120px 0px; } .ico16.folder { background-position: -140px 0px; } .ico16.page { background-position: -160px 0px; } .ico16.doc { background-position: -180px 0px; } .ico16.page-copy { background-position: -200px 0px; } .ico16.pencil { background-position: -220px 0px; } .ico16.brush { background-position: -240px 0px; } .ico16.mail { background-position: -260px 0px; } .ico16.pie-stats { background-position: -280px 0px; } .ico16.bar-stats { background-position: -300px 0px; } .ico16.link { background-position: -320px 0px; } .ico16.rss { background-position: -340px 0px; } .ico16.plus { background-position: -360px 0px; } .ico16.minus { background-position: -380px 0px; } .ico16.camera { background-position: -400px 0px; } .ico16.lock { background-position: -420px 0px; } .ico16.unlock { background-position: -440px 0px; } .ico16.cart { background-position: -460px 0px; } .ico16.security { background-position: -480px 0px; } .ico16.repeat { background-position: -500px 0px; } .ico16.refresh { background-position: -520px 0px; } .ico16.warningTriangle { background-position: -540px 0px; } .ico16.trash { background-position: -560px 0px; } .ico16.remove { background-position: -580px 0px; } .ico16.print { background-position: -600px 0px; } .ico16.search { background-position: -620px 0px; } .ico16.phone { background-position: -640px 0px; } .ico16.key { background-position: -660px 0px; } .ico16.question { background-position: -680px 0px; } .ico16.home { background-position: -700px 0px; } .ico16.flag { background-position: -720px 0px; } .ico16.star { background-position: -740px 0px; } .ico16.heart { background-position: -760px 0px; } .ico16.at { background-position: -780px 0px; } .ico16.money { background-position: -800px 0px; } .ico16.comment { background-position: -820px 0px; } .ico16.comments { background-position: -840px 0px; } .ico16.alarm { background-position: -860px 0px; } .ico16.calculator { background-position: -880px 0px; } .ico16.briefcase { background-position: -900px 0px; } .ico16.calendar { background-position: -920px 0px; } .ico16.globe { background-position: -940px 0px; } .ico16.map-marker { background-position: -960px 0px; } .ico16.close { background-position: -980px 0px; } .ico16.accept { background-position: -1000px 0px; } .ico16.move-file { background-position: -1020px 0px; } .ico16.wired { background-position: -1040px 0px; } .ico16.save { background-position: -1060px 0px; } .ico16.cancel { background-position: -1080px 0px; } .ico16.arrow-out { background-position: -1100px 0px; } .ico16.arrow-in { background-position: -1120px 0px; } .ico16.add-folder { background-position: -1140px 0px; } .ico16.dropbox { background-position: -1160px 0px; } .ico16.gotoprev { background-position: -1180px 0px; } .ico16.gotonext { background-position: -1200px 0px; } .ico16.zoom-out { background-position: -1220px 0px; } .ico16.zoom-in { background-position: -1240px 0px; } .ico16.redo { background-position: -1260px 0px; } .ico16.first { background-position: -1280px 0px; } .ico16.back { background-position: -1300px 0px; } .ico16.next { background-position: -1320px 0px; } .ico16.last { background-position: -1340px 0px; } .ico16.full { background-position: -1360px 0px;width: 17px; } .ico16.thumb { background-position: -1380px 0px;width: 17px; } .ico16.contactSheet { background-position: -1400px 0px;width: 17px; } .ico16.grnDownload{ background-position: -1420px 0px; } .ico16.ylwEye { background-position: -1438px 0px;width: 19px;margin: 7px auto 0; } .ico16.bookMode { background-position: -1457px 0px;width: 19px;} .ico16.compatMode { background-position: -1487px 0px;width: 19px;} .ico16.small { background-position: -1509px 0px; } .ico16.medium { background-position: -1532px 0px; } .ico16.large { background-position: -1548px 0px; } .ico16.original { background-position: -1570px 0px; } .ico16.previewBtn { background-position: -1586px 0px;width: 19px; } .ico16.gauge { background-position: -1620px 0px; } .ico16.infoCircle { background-position: -1640px 0px; } .ico16.phoneRec { background-position: -1660px 0px; } .ico16.export { background-position: -1740px 0px; } .ico16.revision { background-position: -1760px 0px; } a:hover .ico16.user { background-position: 0px -20px; } a:hover .ico16.users { background-position: -20px -20px; } a:hover .ico16.up { background-position: -40px -20px; } a:hover .ico16.down { background-position: -60px -20px; } a:hover .ico16.download { background-position: -80px -20px; } a:hover .ico16.gear { background-position: -100px -20px; } a:hover .ico16.wrench { background-position: -120px -20px; } a:hover .ico16.folder { background-position: -140px -20px; } a:hover .ico16.page { background-position: -160px -20px; } a:hover .ico16.doc { background-position: -180px -20px; } a:hover .ico16.page-copy { background-position: -200px -20px; } a:hover .ico16.pencil { background-position: -220px -20px; } a:hover .ico16.brush { background-position: -240px -20px; } a:hover .ico16.mail { background-position: -260px -20px; } a:hover .ico16.pie-stats { background-position: -280px -20px; } a:hover .ico16.bar-stats { background-position: -300px -20px; } a:hover .ico16.link { background-position: -320px -20px; } a:hover .ico16.rss { background-position: -340px -20px; } a:hover .ico16.plus { background-position: -360px -20px; } a:hover .ico16.minus { background-position: -380px -20px; } a:hover .ico16.camera { background-position: -400px -20px; } a:hover .ico16.lock { background-position: -420px -20px; } a:hover .ico16.unlock { background-position: -440px -20px; } a:hover .ico16.cart { background-position: -460px -20px; } a:hover .ico16.security { background-position: -480px -20px; } a:hover .ico16.repeat { background-position: -500px -20px; } a:hover .ico16.refresh { background-position: -520px -20px; } /*a:hover .ico16.warningTriangle { background-position: -540px -20px; }*/ a:hover .ico16.trash { background-position: -560px -20px; } a:hover .ico16.remove { background-position: -580px -20px; } a:hover .ico16.print { background-position: -600px -20px; } a:hover .ico16.search { background-position: -620px -20px; } a:hover .ico16.phone { background-position: -640px -20px; } a:hover .ico16.key { background-position: -660px -20px; } a:hover .ico16.question { background-position: -680px -20px; } a:hover .ico16.home { background-position: -700px -20px; } a:hover .ico16.flag { background-position: -720px -20px; } a:hover .ico16.star { background-position: -740px -20px; } a:hover .ico16.heart { background-position: -760px -20px; } a:hover .ico16.at { background-position: -780px -20px; } a:hover .ico16.money { background-position: -800px -20px; } a:hover .ico16.comment { background-position: -820px -20px; } a:hover .ico16.comments { background-position: -840px -20px; } a:hover .ico16.alarm { background-position: -860px -20px; } a:hover .ico16.calculator { background-position: -880px -20px; } a:hover .ico16.briefcase { background-position: -900px -20px; } a:hover .ico16.calendar { background-position: -920px -20px; } a:hover .ico16.globe { background-position: -940px -20px; } a:hover .ico16.map-marker { background-position: -960px -20px; } a:hover .ico16.close { background-position: -980px -20px; } a:hover .ico16.accept { background-position: -1000px -20px; } a:hover .ico16.move-file { background-position: -1020px -20px; } a:hover .ico16.wired { background-position: -1040px -20px; } a:hover .ico16.save { background-position: -1060px -20px; } a:hover .ico16.cancel { background-position: -1080px -20px; } a:hover .ico16.arrow-out { background-position: -1100px -20px; } a:hover .ico16.arrow-in { background-position: -1120px -20px; } a:hover .ico16.add-folder { background-position: -1140px -20px; } a:hover .ico16.dropbox { background-position: -1160px -20px; } a:hover .ico16.gotoprev { background-position: -1180px -20px; } a:hover .ico16.gotonext { background-position: -1200px -20px; } a:hover .ico16.zoom-out { background-position: -1220px -20px; } a:hover .ico16.zoom-in { background-position: -1240px -20px; } a:hover .ico16.redo { background-position: -1260px -20px; } a:hover .ico16.first { background-position: -1280px -20px; } a:hover .ico16.back { background-position: -1300px -20px; } a:hover .ico16.next { background-position: -1320px -20px; } a:hover .ico16.last { background-position: -1340px -20px; } a:hover .ico16.full { background-position: -1360px -20px; } a:hover .ico16.thumb { background-position: -1380px -20px; } a:hover .ico16.contactSheet{ background-position: -1400px -20px; } a:hover .ico16.grnDownload{ background-position: -1420px -20px; } a:hover .ico16.ylwEye { background-position: -1438px -20px;width: 19px; margin: 7px auto 0; } a:hover .ico16.bookMode { background-position: -1457px -20px;width: 19px; } a:hover .ico16.compatMode { background-position: -1487px -20px;width: 19px; } a:hover .ico16.small { background-position: -1509px -20px; } a:hover .ico16.medium { background-position: -1532px -20px; } a:hover .ico16.large { background-position: -1548px -20px; } a:hover .ico16.original { background-position: -1570px -20px; } a:hover .ico16.previewBtn { background-position: -1586px -20px;width: 19px; } a:hover .ico16.gauge { background-position: -1620px -20px; } a:hover .ico16.infoCircle { background-position: -1640px -20px; } a:hover .ico16.phoneRec { background-position: -1660px -20px; } a:hover .ico16.export { background-position: -1740px -20px; } a:hover .ico16.revision { background-position: -1760px -20px; } .current .ico16.user { background-position: 0px -40px; } .current .ico16.users { background-position: -20px -40px; } .current .ico16.up { background-position: -40px -40px; } .current .ico16.down { background-position: -60px -40px; } .current .ico16.download { background-position: -80px -40px; } .current .ico16.gear { background-position: -100px -40px; } .current .ico16.wrench { background-position: -120px -40px; } .current .ico16.folder { background-position: -140px -40px; } .current .ico16.page { background-position: -160px -40px; } .current .ico16.doc { background-position: -180px -40px; } .current .ico16.page-copy { background-position: -200px -40px; } .current .ico16.pencil { background-position: -220px -40px; } .current .ico16.brush { background-position: -240px -40px; } .current .ico16.mail { background-position: -260px -40px; } .current .ico16.pie-stats { background-position: -280px -40px; } .current .ico16.bar-stats { background-position: -300px -40px; } .current .ico16.link { background-position: -320px -40px; } .current .ico16.rss { background-position: -340px -40px; } .current .ico16.plus { background-position: -360px -40px; } .current .ico16.minus { background-position: -380px -40px; } .current .ico16.camera { background-position: -400px -40px; } .current .ico16.lock { background-position: -420px -40px; } .current .ico16.unlock { background-position: -440px -40px; } .current .ico16.cart { background-position: -460px -40px; } .current .ico16.security { background-position: -480px -40px; } .current .ico16.repeat { background-position: -500px -40px; } .current .ico16.refresh { background-position: -520px -40px; } .current .ico16.warningTriangle { background-position: -540px -40px; } .current .ico16.trash { background-position: -560px -40px; } .current .ico16.remove { background-position: -580px -40px; } .current .ico16.print { background-position: -600px -40px; } .current .ico16.search { background-position: -620px -40px; } .current .ico16.phone { background-position: -640px -40px; } .current .ico16.key { background-position: -660px -40px; } .current .ico16.question { background-position: -680px -40px; } .current .ico16.home { background-position: -700px -40px; } .current .ico16.flag { background-position: -720px -40px; } .current .ico16.star { background-position: -740px -40px; } .current .ico16.heart { background-position: -760px -40px; } .current .ico16.at { background-position: -780px -40px; } .current .ico16.money { background-position: -800px -40px; } .current .ico16.comment { background-position: -820px -40px; } .current .ico16.comments { background-position: -840px -40px; } .current .ico16.alarm { background-position: -860px -40px; } .current .ico16.calculator { background-position: -880px -40px; } .current .ico16.briefcase { background-position: -900px -40px; } .current .ico16.calendar { background-position: -920px -40px; } .current .ico16.globe { background-position: -940px -40px; } .current .ico16.map-marker { background-position: -960px -40px; } .current .ico16.close { background-position: -980px -40px; } .current .ico16.accept { background-position: -1000px -40px; } .current .ico16.move-file { background-position: -1020px -40px; } .current .ico16.wired { background-position: -1040px -40px; } .current .ico16.save { background-position: -1060px -40px; } .current .ico16.cancel { background-position: -1080px -40px; } .current .ico16.arrow-out { background-position: -1100px -40px; } .current .ico16.arrow-in { background-position: -1120px -40px; } .current .ico16.add-folder { background-position: -1140px -40px; } .current .ico16.dropbox { background-position: -1140px -40px; } .current .ico16.gotoprev { background-position: -1180px -40px; } .current .ico16.gotonext { background-position: -1200px -40px; } .current .ico16.zoom-out { background-position: -1220px -40px; } .current .ico16.zoom-in { background-position: -1240px -40px; } .current .ico16.redo { background-position: -1260px -40px; } .current .ico16.first { background-position: -1280px -40px; } .current .ico16.back { background-position: -1300px -40px; } .current .ico16.next { background-position: -1320px -40px; } .current .ico16.last { background-position: -1340px -40px; } .current .ico16.full { background-position: -1360px -40px;width: 17px; } .current .ico16.thumb { background-position: -1380px -40px;width: 17px; } .current .ico16.contactSheet{ background-position: -1400px 0px;width: 17px; } .current .ico16.grnDownload{ background-position: -1420px -40px; } .current .ico16.ylwEye{ background-position: -1438px -40px;width: 19px; margin: 7px auto 0;} .current .ico16.bookMode { background-position: -1457px -40px;width: 19px;} .current .ico16.compatMode { background-position: -1487px -40px;width: 19px;} .current .ico16.small { background-position: -1509px -40px;} .current .ico16.medium { background-position: -1532px -40px;} .current .ico16.large { background-position: -1548px -40px;} .current .ico16.original { background-position: -1570px -40px;} .current .ico16.previewBtn { background-position: -1586px -40px;width: 19px;} .current .ico16.gauge { background-position: -1620px -40px;} .current .ico16.infoCircle { background-position: -1640px -40px;} .current .ico16.phoneRec { background-position: -1660px -40px;} .current .ico16.export { background-position: -1740px -40px; } .current .ico16.revision { background-position: -1760px -40px; } .btn.toggleOn .ico16.full { background-position: -1360px -20px; } .btn.toggleOn .ico16.thumb { background-position: -1380px -20px; } .btn.toggleOn .ico16.contactSheet { background-position: -1400px -20px; } /* NEW ICONS 1/29/13 */ .ico30search:after { background-position: 0px top; } .ico30sort:after { background-position: -30px top; } .ico30list:after { background-position: -60px top; } .ico30thumbnail:after { background-position: -90px top; } .ico30notification:after { background-position: -120px top; } .ico30add:after { background-position: -150px top; } .ico30upload:after { background-position: -180px top; } .ico30download:after { background-position: -210px top; } .ico30share:after { background-position: -240px top; } .ico30rotateCW:after { background-position: -270px top; } .ico30rotateCCW:after { background-position: -300px top; } .ico30zoomIn:after { background-position: -330px top; } .ico30zoomOut:after { background-position: -360px top; } .ico30prevItem:after { background-position: -390px top; } .ico30nextItem:after { background-position: -420px top; } .ico30smallThumb:after { background-position: -450px top; } .ico30mediumThumb:after { background-position: -480px top; } .ico30largeThumb:after { background-position: -510px top; } .ico30rss:after { background-position: -540px top; } .ico30filmstrip:after { background-position: -570px top; } .ico30single:after { background-position: -600px top; } .ico30arrowDown:after { background-position: -630px top; } .ico30edit:after { background-position: -660px top; } .ico30collaborate:after { background-position: -690px top; } .ico30book:after { background-position: -720px top; } .ico30addFolder:after { background-position: -750px top; } .ico30columnCollapse:after { background-position: -780px top; } .ico30columnExpand:after { background-position: -810px top; } .ico30fullpage:after { background-position: -840px top; } .ico30question:after { background-position: -870px top; } .ico30settings:after { background-position: -900px top; } .ico30save:after { background-position: -930px top; } .ico30replace:after { background-position: -960px top; } .ico30upgrade:after { background-position: -990px top; } .ico30help:after { background-position: -1020px top; } .ico30folder:after { background-position: -1050px top; } .ico30brush:after { background-position: -1080px top; } .ico30mobile:after { background-position: -1110px top; } .ico30lock:after { background-position: -1140px top; } .ico30link:after { background-position: -1170px top; } .ico30logout:after { background-position: -1200px top; } .ico30chart:after { background-position: -1230px top; } .ico30saveToAccount:after { background-position: -1260px top; } .ico30trash:after { background-position: -1290px top; } .ico30dollar:after { background-position: -1320px top; } .ico30addFile:after { background-position: -1350px top; } .ico30audio:after { background-position: -1381px top; } .ico30play:after { background-position: -1410px top; } .ico30info:after { background-position: -1440px top; } .ico30contact:after { background-position: -1470px top; } .ico30document:after { background-position: -1500px top; } .ico30video:after { background-position: -1530px top; } .ico30email:after { background-position: -1560px top; } .ico30clock:after { background-position: -1590px top; } .ico30filedrop:after { background-position: -1620px top; } .ico30move:after { background-position: -1650px top; } .ico30note:after { background-position: -1680px top; } .ico30copyFolder:after { background-position: -1710px top; } .ico30removeFolder:after { background-position: -1740px top; } .ico30view:after { background-position: -1770px top; } .ico30copyFile:after { background-position: -1800px top; } .ico30updateFile:after { background-position: -1830px top; } .ico30collaborate:after { background-position: -1860px top; } .ico30revisions:after { background-position: -1888px top; } .ico30rename:after { background-position: -1919px top; } .ico30restore:after { background-position: -1950px top; } .ico30sharedByUser:after { background-position: -1980px top; } .ico30changeAvatar:after { background-position: -2010px top; } .ico30removeFromAccount:after { background-position: -2040px top; } .ico30following:after { background-position: -2070px top; } /* COLORS FOR MASKED ICONS */ /* set a default color */ .maskedIcons:after { background-color: #bfbfbf; } /* subdue these for now, only color more important ones */ /* .ico30link.maskedIcons:after { background-color: #535a67; } .ico30download.maskedIcons:after { background-color: #78b44c; } .ico30move.maskedIcons:after { background-color: #ff4208; } .ico30copyFolder.maskedIcons:after { background-color: #47bd84; } .ico30restore.maskedIcons:after { background-color: #33a1ff; } .ico30addFolder.maskedIcons:after { background-color: #59c7ec; } .ico30edit.maskedIcons:after { background-color: #fecb45; } .ico30note.maskedIcons:after { background-color: #8d6eff; } .ico30rss.maskedIcons:after { background-color: #eb8b0f; } .ico30filedrop.maskedIcons:after { background-color: #6774b7; } .ico30lock.maskedIcons:after { background-color: #8d9296; } .ico30saveToAccount.maskedIcons:after { background-color: #004ea4; } .ico30removeFolder.maskedIcons:after { background-color: #59c7ec; } .ico30copyFile.maskedIcons:after { background-color: #969; } .ico30chart.maskedIcons:after { background-color: #f68652; } .ico30updateFile.maskedIcons:after { background-color: #f90; } .ico30collaborate.maskedIcons:after { background-color: #823da5; } .ico30revisions.maskedIcons:after { background-color: #3da58b; } .ico30rename.maskedIcons:after { background-color: #33a1ff;Ã } .ico30contact.maskedIcons:after { background-color: #823da5; } .ico30folder.maskedIcons:after { background-color: #87b0cc; } .ico30fullpage.maskedIcons:after { background-color: #989b9e; } */ .ico30share.maskedIcons:after { background-color: #44a8ee; } .ico30trash.maskedIcons:after { background-color: #d85724; } .ico30video.maskedIcons:after, .ico30audio.maskedIcons:after, .ico30view.maskedIcons:after { background-color: #9c3; } /* MediaFire Master Stylesheet, Ver. 4 */ /*-------------------------------------------------------------------- LAYOUT CSS layout.css.php ---------------------------------------------------------------------- CONCATENATED FILE, PART OF: /css/mfv4_(build number).php?ver=nonssl&date=(build date) ---------------------------------------------------------------------- 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, not part of mfv4 file ] --------------------------------------------------------------------*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LIQUID LAYOUT ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .liquidLayout #header { min-width: 960px; padding-right: 10px; } .liquidLayout .wrap { width: 100%; } .filePreview { height:100%; } .liquidLayout #container { overflow: hidden; padding: 0; } /* HIDE ROCKMELT SIDE TAB */ .liquidLayout #rockmeltTab { display: none; } /* MediaFire Master Stylesheet, Ver. 4 */ /*-------------------------------------------------------------------- HEADER CSS header.css.php ---------------------------------------------------------------------- CONCATENATED FILE, PART OF: /css/mfv4_(build number).php?ver=nonssl&date=(build date) ---------------------------------------------------------------------- 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, not part of mfv4 file ] --------------------------------------------------------------------*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* TEMPORARILY HIDE NAV ITEMS ON HOMEPAGE */ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .home #toptab_9, .home #toptab_10, .home #toptab_11, .home #toptab_12 { display: none !important; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* LEGACY: lightbox container */ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #modal_window_closer { display: block; overflow: hidden; } #modal_window_closer span { display: block; height: 14px; width: 14px; background: url( images/sprites/global_sprites-v2.png) 0 -60px no-repeat; float: right; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEADER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #header { height: 70px; background: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 45; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2); } .mobile-device #header, .siteMinWidth #header { position: absolute; min-width: 960px; } .myfiles #header, .appView #header { background: #eaeaea; border-bottom: 1px solid #D9D9D9; height: 70px; box-shadow: none; min-width: 940px; } .signUp #header, .signUpRegister #header { position: static; } .myfiles .searchmode_filter #header, .myfiles .searchmode #header { background: #47A9EB; border-bottom: 1px solid #1779BB; } .imagePreview #header, .mediaPreview.video #header { background: #2e2e2e; border-bottom: 1px solid #000; height: 70px; box-shadow: none; } .documentPreview #header, .mediaPreview.audio #header, .fileEdit #header { background: #fff; border-bottom: 1px solid #D9D9D9; height: 70px; box-shadow: none; } #header h1.logo, #header h2.logo { float: left; margin-top: 7px; } .appView #header h1.logo, .appView #header h2.logo, .myfiles #header h1.logo, .myfiles #header h2.logo, .imagePreview #header h1.logo, .imagePreview #header h2.logo, .mediaPreview #header h1.logo, .mediaPreview #header h2.logo, .documentPreview #header h1.logo, .documentPreview #header h2.logo, .fileEdit #header h1.logo, .fileEdit #header h2.logo { float: left; margin-top: 23px; margin-left: 20px; opacity: 1; /*-webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;*/ } /*.appView #header h1.logo, .appView #header h2.logo, .myfiles #header h1.logo, .myfiles #header h2.logo { margin-left: 15px; width: 45px; overflow: hidden; }*/ .myfiles .sharemode #header h1.logo, .myfiles .sharemode #header h2.logo { display: block; margin-top: 16px; } .mobile-device .modalMsgWrapper { bottom: 0; height: auto; left: 0; position: absolute; right:0; top: 0; } .headerControls { display: none; } #audioControlGroup { margin: 17px 0 0; float: right; display: none; } #videoControlGroup { margin: 17px 0 0; float: right; display: none; } #videoControlGroup .leftBtn, #audioControlGroup .leftBtn, #docControlGroup .leftBtn { border-radius: 3px; margin-right: 10px; } #videoControlGroup .centerBtn, #audioControlGroup .centerBtn, #docControlGroup .centerBtn { border-radius: 3px; margin-left: 0; } #videoControlGroup .rightBtn, #audioControlGroup .rightBtn, #docControlGroup .rightBtn { border-radius: 3px; margin-left: 10px; margin-right: 20px; } .headerControlsBtns { margin: 17px 0 0; float: right; } .headerControlsBtns > div, .headerControlsBtns > a { float: right; } .myfiles .headerControlsBtns.hcMain { position: absolute; left: 290px; top: 0; opacity: 1; } .myfiles .headerControlsBtns.hcSecondary { padding-right: 5px; } .headerControlsBtns .dropdown:hover > ul { display: block; } .myfiles #headerControlsMyFiles { display: block; } .imagePreview #headerControlsImageView { display: block; } .mediaPreview #headerControlsMediaView, .mediaPreview.audio #audioControlGroup, .mediaPreview.video #videoControlGroup { display: block; } .documentPreview #headerControlsDocView { display: block; } .fileEdit #headerControlsDocView { display: block; } .fileEdit #FP_saveToAccount { display: block; } .fileEdit #container.owner #FP_saveToAccount { display: none; } .fileEdit .filepreview-controlbar { display:none; /*hiding second toolbar that appears on fileEdit*/ } .headerPhoneNumber { float: right; color: #4f4f4f; text-transform: none; line-height: 38px; margin-right: 20px; } .home .headerPhoneNumber { display: none; } .myfiles #header .ico30help, .myfiles .headerPhoneNumber, .filePreview #header .ico30help, .filePreview .headerPhoneNumber, .fileEdit #header .ico30help, .fileEdit .headerPhoneNumber, .dmca_user #header .ico30folder { display: none; } .myaccount #secondaryHeaderNav .gbtnPrimary, .myaccount #logged_in_info { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SHARE / COLLABORATION MODE HEADER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .myfiles #headerControlsMyFiles .collabInactive, .myfiles #headerControlsMyFiles #shareMenu, .myfiles .sharemode #headerControlsMyFiles #uploadMenu, .myfiles .sharemode #headerControlsMyFiles #createMenu, .myfiles .sharemode #headerControlsMyFiles #new_folder_trigger, .myfiles .sharemode #headerControlsMyFiles .searchWrap, .myfiles .collabmode #headerControlsMyFiles .searchWrap, .myfiles .collabmode-view #headerControlsMyFiles .searchWrap, .myfiles .collabmode-edit #headerControlsMyFiles .searchWrap, .myfiles .collabmode-manage #headerControlsMyFiles .searchWrap, .myfiles #header #headerControlsMyFiles .filenameShare, .myfiles .collabmode #headerControlsMyFiles #uploadMenu, .myfiles .collabmode-view #headerControlsMyFiles #uploadMenu, .myfiles .collabmode #headerControlsMyFiles #createMenu, .myfiles .collabmode-view #headerControlsMyFiles #createMenu, .myfiles .collabmode #headerControlsMyFiles #new_folder_trigger, .myfiles .collabmode-view #headerControlsMyFiles #new_folder_trigger, .myfiles .collabmode #owner_breadcrumb1, .myfiles .collabmode-view #owner_breadcrumb1, .myfiles .collabmode-edit #owner_breadcrumb1, .myfiles .collabmode-manage #owner_breadcrumb1, .myfiles .collabmode .emptyArrow, .myfiles .collabmode-view .emptyArrow, .myfiles .collabmode-edit .emptyArrow, .myfiles .collabmode-manage .emptyArrow { display: none; } .myfiles .collabmode #headerControlsMyFiles #shareMenu, .myfiles .collabmode-view #headerControlsMyFiles #shareMenu, .myfiles .collabmode-edit #headerControlsMyFiles #shareMenu, .myfiles .collabmode-manage #headerControlsMyFiles #shareMenu, .myfiles .collabmode #headerControlsMyFiles .collabInactive, .myfiles .sharemode #headerControlsMyFiles #shareMenu, .myfiles .sharemode #header #headerControlsMyFiles .filenameShare { display: block; } .myfiles .sharemode #headerControlsMyFiles { left: 72px; } .sharemode #pdf_filename { color: #4F504F; cursor: default; display: block; float: left; font-family: 'open sans'; font-size: 16px; font-weight: bold; line-height: 72px; overflow: hidden; padding-right: 10px; text-overflow: ellipsis; } .sharemode #FP_fileDetails, .sharemode #image_filename_details { line-height: 38px; margin-top: 1px; } .sharemode .title { font: 600 normal normal 16px "Open Sans"; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: absolute; max-width: 100%; color: #4f504f; margin-top: 23px; left: 70px; right: 560px; } .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; } #current_folder_follow span b { font-weight: inherit; } #current_folder_unfollow, #current_folder_unfollow b, .showFollowing #current_folder_follow, #current_folder_follow span b { display: none; } .multiple_keys #current_folder_follow span b, .multiple_keys #current_folder_unfollow b { display: inline } .showFollowing #current_folder_unfollow { display: inline-block; } .unfollowHover { display: none; } #current_folder_unfollow:hover .unfollowHover { display: inline; width: 103px; } #current_folder_unfollow:hover .followingTxt { display: none; } /* hide "follow all" for now */ .multiple_keys #current_folder_follow { display: none; } .showFollowing #current_folder_unfollow:hover:after { background-position: -2040px 0px; height: 37px; } .collabmode #current_folder_download, .collabmode-view #current_folder_download, .collabmode-edit #current_folder_download, .collabmode-manage #current_folder_download { padding-right: 10px; } .collabmode-view.shareLinkDisabled #current_folder_share:after, .collabmode-edit.shareLinkDisabled #current_folder_share:after, .collabmode-manage.shareLinkDisabled #current_folder_share:after { background-position: -1140px top; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* NORMAL LOGO //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #header h1.logo a, #header h2.logo a { float: left; background: url(../images/backgrounds/newHome/sections/logoDarkFull1.png) no-repeat; width: 190px; height: 55px; text-indent: -9999px; } /*.appView #header h1.logo a, .appView #header h2.logo a, .myfiles #header h1.logo a, .myfiles #header h2.logo a { background: url(../images/backgrounds/newHome/sections/logoDarkFull1.png) no-repeat; }*/ .imagePreview #header h1.logo a, .imagePreview #header h2.logo a, .documentPreview #header h1.logo a, .documentPreview #header h2.logo a, .fileEdit #header h1.logo a, .fileEdit #header h2.logo a, .mediaPreview.video #header h1.logo a, .mediaPreview.video #header h2.logo a, .mediaPreview #header h1.logo a, .mediaPreview #header h2.logo a { background: url(../images/backgrounds/newHome/sections/logoDarkFull1.png) no-repeat; width: 48px; height: 26px; } .sharemode #header h1.logo a, .sharemode #header h2.logo a { background: url(../images/backgrounds/newHome/sections/logoDarkFull1.png) no-repeat; width: 50px; height: 36px; } .collabmode #header .logo a, .collabmode-view #header .logo a, .collabmode-edit #header .logo a, .collabmode-manage #header .logo a, .myfiles.darkTheme .collabmode #header .logo a, .myfiles.darkTheme .collabmode-view #header .logo a, .myfiles.darkTheme .collabmode-edit #header .logo a, .myfiles.darkTheme .collabmode-manage #header .logo a, .myfiles.lightTheme .collabmode #header .logo a, .myfiles.lightTheme .collabmode-view #header .logo a, .myfiles.lightTheme .collabmode-edit #header .logo a, .myfiles.lightTheme .collabmode-manage #header .logo a, .myfiles.darkBtnTheme.lightTheme .collabmode #header h2.logo a, .myfiles.darkBtnTheme.lightTheme .collabmode-view #header h2.logo a, .myfiles.darkBtnTheme.lightTheme .collabmode-edit #header h2.logo a, .myfiles.darkBtnTheme.lightTheme .collabmode-manage #header h2.logo a, .myfiles.lightBtnTheme.darkTheme collabmode #header h2.logo a, .myfiles.lightBtnTheme.darkTheme .collabmode-view #header h2.logo a, .myfiles.lightBtnTheme.darkTheme .collabmode-edit #header h2.logo a, .myfiles.lightBtnTheme.darkTheme .collabmode-manage #header h2.logo a { background: url( images/backgrounds/apps/collabmode/collabmode_header_folder.png) no-repeat!important; width: 74px!important; height: 54px!important; margin-top: -17px!important; margin-left: -9px!important; } .collabmode #header .logo, .collabmode-view #header .logo, .collabmode-edit #header .logo, .collabmode-manage #header .logo, .myfiles.darkTheme .collabmode #header .logo, .myfiles.darkTheme .collabmode-view #header .logo, .myfiles.darkTheme .collabmode-edit #header .logo, .myfiles.darkTheme .collabmode-manage #header .logo, .myfiles.lightTheme .collabmode #header .logo, .myfiles.lightTheme .collabmode-view #header .logo, .myfiles.lightTheme .collabmode-edit #header .logo, .myfiles.lightTheme .collabmode-manage #header .logo, .myfiles.darkBtnTheme.lightTheme .collabmode #header h2.logo, .myfiles.darkBtnTheme.lightTheme .collabmode-view #header h2.logo, .myfiles.darkBtnTheme.lightTheme .collabmode-edit #header h2.logo, .myfiles.darkBtnTheme.lightTheme .collabmode-manage #header h2.logo, .myfiles.lightBtnTheme.darkTheme collabmode #header h2.logo, .myfiles.lightBtnTheme.darkTheme .collabmode-view #header h2.logo, .myfiles.lightBtnTheme.darkTheme .collabmode-edit #header h2.logo, .myfiles.lightBtnTheme.darkTheme .collabmode-manage #header h2.logo { margin-top: 23px!important; } .businessLogin h1.logo a { margin-top: 0; } #collabmodeContact { display: none; font-size: 14px; white-space: nowrap; padding-left: 52px; } #collabmodeContact .shareContactAvatar { left: 25px; margin-top: -13px; } #collabmodeContact .collabContactName { position: absolute; top: 23px; left: 80px; width: 150px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .customTheme.darkTheme .collabContactName { color: #ffffff; } .myfiles .collabmode #collabmodeContact, .myfiles .collabmode-view #collabmodeContact, .myfiles .collabmode-edit #collabmodeContact, .myfiles .collabmode-manage #collabmodeContact { display: block; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* END NORMAL LOGO ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #header span.slogan { float: left; font: italic normal 11px/1.6 arial, sans-serif; color: #A6BDD3; padding-top: 9px; margin-left: -11px; display: none; } .home #header span.slogan { display: block; } #header ul.nav { float: right; margin: 17px 0px 0 0; font-family: "open sans"; /*text-transform: uppercase;*/ font-size: 12px; } #header ul.nav > li { float: left; } #header ul.nav li a { color: #8CB4D9; display: block; padding: 0 15px; line-height: 28px; height: 28px; text-shadow: 0 1px 0 #000; position: relative; } #login_signup .logintab_overlay{ display: none; position: absolute; top:0px; left:0; bottom:0; right:0px; background: none repeat scroll 0 0 #F2F2F2; border-top-right-radius: 3px; color: #000000; text-shadow: none; z-index: 1501; height: 28px; padding: 9px 12px 0px 10px; line-height: 19px; } #header ul.nav li a:hover { color: #fff; text-decoration: none; } #header ul.nav li.current { /*padding-top: 3px; margin-top: -3px; background-color: #3798fa; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#3688fa), color-stop(0.50, #4dbafc), to(#3688fa)); background-image: -webkit-linear-gradient(left, #3688fa 20%, #4dbafc 50%, #3688fa 80%); background-image: Â Â -moz-linear-gradient(left, #3688fa 20%, #4dbafc 50%, #3688fa 80%); background-image: Â Â -ms-linear-gradient(left, #3688fa 20%, #4dbafc 50%, #3688fa 80%); background-image: Â Â Â -o-linear-gradient(left, #3688fa 20%, #4dbafc 50%, #3688fa 80%); background-image: Â Â Â Â linear-gradient(left, #3688fa 20%, #4dbafc 50%, #3688fa 80%); -webkit-box-shadow: inset 0 1px 0 0 #60e5fe; box-shadow: inset 0 1px 0 0 #60e5fe;*/ } #header ul.nav li.current a { color:white; /*background: black;*/ } #header .nav_dropdown:hover > a { background: #fff; color: #03497A; text-decoration: none; position: relative; z-index: 61; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; -moz-border-bottom-left-radius: 0px; -moz-border-bottom-right-radius: 0px; } /* CALL INFO DROPDOWN */ .toptab_call .ico16 { margin: 4px 0 0; background-position: -1660px -80px; } .toptab_call .dropdown a{ -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; -webkit-transition: background .1s linear 0s; -moz-transition: background .1s linear 0s; transition: background .1s linear 0s; } .home .toptab_call .ico16 { margin-top: 6px; } .toptab_call:hover .ico16 { background-position: -1660px -60px !important; } #header ul.nav .toptab_call li { float: none; color: #000; } #header ul.nav .toptab_call li:hover { background: none; cursor: default; border-color: transparent; } .toptab_call .dropdown ul { -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0; } .home .toptab_call .dropdown ul { left: auto; right: 0; -webkit-border-top-left-radius: 8px; -moz-border-top-left-radius: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; border-top-right-radius: 0; } .toptab_call:hover .dropdown ul { display: block; } .toptab_call:hover .dropdown a { background: #fff; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; position: relative; z-index: 53; -webkit-transition: background .1s linear 0s; -moz-transition: background .1s linear 0s; transition: background .1s linear 0s; } .upgrade_acct { display:none; } .upgrade_discount { display: none; background: #EA3455; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .15), 0px 0px 0px 1px rgba(148, 16, 40, .6), 0 2px 0 0 rgba(0,0,0,.15), 0 1px 0 0 rgba(0,0,0,.2); -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .15), 0px 0px 0px 1px rgba(148, 16, 40, .6), 0 2px 0 0 rgba(0,0,0,.15), 0 1px 0 0 rgba(0,0,0,.2); box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .15), 0px 0px 0px 1px rgba(148, 16, 40, .6), 0 2px 0 0 rgba(0,0,0,.15), 0 1px 0 0 rgba(0,0,0,.2); } .upgrade_discount:active { background: #E71D42; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .upgrade_discount .tooltip { text-transform: none; width: 160px; font-size: 11px; top: 100%; left: 50%; margin-left: -90px; text-align: center; line-height: 16px; margin-top: 12px; } .upgrade_discount:hover .tooltip { display: block; } #container.showUpgrade .upgrade_acct, #container.showDiscount .upgrade_discount { display:block; opacity: 1; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } #container.showUpgrade.storageLimitReached .upgrade_acct { background-color: #D85724; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .15), 0px 0px 0px 1px hsla(17, 90%, 15%, .65), 0 2px 0 0 rgba(0,0,0,.15), 0 1px 0 0 rgba(0,0,0,.2); -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .15), 0px 0px 0px 1px hsla(17, 90%, 15%, .65), 0 2px 0 0 rgba(0,0,0,.15), 0 1px 0 0 rgba(0,0,0,.2); box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .15), 0px 0px 0px 1px hsla(17, 90%, 15%, .65), 0 2px 0 0 rgba(0,0,0,.15), 0 1px 0 0 rgba(0,0,0,.2); } .signUpRegister #container.showUpgrade .upgrade_acct, .signUpRegister #container.showDiscount .upgrade_discount { display: none !important; } .sharemode_myfiles_btn, .documentPreview.mobile-device .sharemode_myfiles_btn { display: none; } .sharemode .sharemode_myfiles_btn, .filePreview .sharemode_myfiles_btn, .fileEdit .sharemode_myfiles_btn { display:block; } .imagePreview .sharemode_myfiles_btn.ico30folder:after, .mediaPreview.video .sharemode_myfiles_btn.ico30folder:after { background-image: url( images/icons/ico30/ico30_reversed-v8.png); } .imagePreview .sharemode_myfiles_btn.gbtnPrimary, .mediaPreview.video .sharemode_myfiles_btn.gbtnPrimary { color: #fff; 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; -webkit-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); -moz-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); 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 .sharemode_myfiles_btn.gbtnPrimary:hover, .mediaPreview.video .sharemode_myfiles_btn.gbtnPrimary:hover { background: #444; color: #fff; } .imagePreview .sharemode_myfiles_btn.gbtnPrimary:active, .mediaPreview.video .sharemode_myfiles_btn.gbtnPrimary:active { background: #404040; } .customLogoShared { display: none; max-width: 190px; height: 75px; line-height: 70px; overflow: hidden; vertical-align: middle; margin-right: 10px; margin-top:-5px; } .firefox .customLogoShared { line-height: 66px; height: 70px; margin-top: 0px; } .opera .customLogoShared { margin-top: -10px; } .customLogoShared img { vertical-align: middle; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LOGIN BOX: NOT LOGGED IN ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #notloggedin_wrapper { float: right; } #notloggedin { display: none; /*overflow: auto;*/ } #notloggedin.prelogin { display: block; } #login_signup { float: right; margin-top: 17px; } #login_signup li { float: left; margin-right: 0; padding: 0; } #loginTabWrap { width: 114px; } /*#loginTabWrap { position: relative; width: 100px; padding: 0px 0 0 14px; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.3), inset 1px 0 0 0 rgba(255,255,255,.3); box-shadow: inset 0 1px 0 0 rgba(255,255,255,.3), inset 1px 0 0 0 rgba(255,255,255,.3); text-shadow: 0 1px 0 #000; } .home #loginTabWrap { width: 106px; } #loginTabWrap > div { line-height: 28px; } .home #loginTabWrap > div { line-height: 34px; }*/ #headerlogin_tab { float: left; padding: 0 10px; } #login_signup .signup_button a { } #login_signup li a.mainlogin_active { background: #e9ecf0; color: #000; text-shadow: none; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; z-index: 1501; } #loggedin.prelogin + #loggedin_dropdown { display:none; }/*hides loggedin element*/ .loginActivateFB, .loginActivateTW { position: absolute; top: 8px; 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; } /*.loginActivateFB:hover, .loginActivateTW:hover { background-color: rgba(0,0,0,.4); }*/ .loginActivateFB { background-image: url( images/backgrounds/newHome/loginActivateFB_v2.png); background-position: center; right: 32px; } .loginActivateTW { background-image: url( images/backgrounds/newHome/loginActivateTW_v2.png); background-position: center; right: 8px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LOGIN BOX: LOGGED IN ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #loggedin { margin: 17px 0 0; padding: 0 2px 0 19px; } .imagePreview #loggedin, .mediaPreview.video #loggedin { 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)); background-color: #404040; -webkit-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); -moz-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); 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 */ } #loggedin span.smArrowDown { background: url( images/icons/ico30/ico30-v8.png) no-repeat -646px -3px; display: block; width: 12px; height: 12px; opacity: .5; position: absolute; left: 5px; top: 12px; } #loggedin:hover span.smArrowDown, .dropdown.show_dropdown #loggedin span.smArrowDown { opacity: .8; } .searchWrap .dropdown a span { background: url( images/backgrounds/newMyfiles/smArrow.png) no-repeat -12px top; display: block; width: 12px; height: 12px; opacity: .4; position: absolute; left: 5px; top: 12px; } .searchWrap .dropdown a:hover span { opacity: .6; } #loggedin.prelogin { display: none; } #loggedin a:hover { text-decoration: none; } #loggedin .arrow_tab { float: left; position: relative; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; height: 33px; width: 33px; background-image: url( images/icons/mysteryman.png); background-position: center; background-repeat: no-repeat; background-size: 32px 32px; margin-top: 1px; } #loggedin .arrow_tab img { /*border: 1px solid #ccc;*/ margin: 1px; height: 32px; width: 32px; } #loggedin .arrow_tab .notificationBubble { margin-top: -26px; margin-left: -26px; } #loggedin_email { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* STYLE LOGIN DROPDOWN FOR SPECIFIC HEADERS */ .imagePreview #loggedin span.smArrowDown, .mediaPreview.video #loggedin span.smArrowDown { background-image: url( images/icons/ico30/ico30_reversed-v8.png); } .imagePreview #loggedin span.smArrowDown, .mediaPreview.video #loggedin span.smArrowDown { background: url( images/icons/ico30/ico30_reversed-v8.png) no-repeat -646px -3px; opacity: .5; } .imagePreview .dropdown.hoverShow:hover #loggedin, .imagePreview .dropdown.dropdownOnClick.show_dropdown #loggedin, .medaiPreview.video .dropdown.hoverShow:hover #loggedin, .mediaPreview.video .dropdown.dropdownOnClick.show_dropdown #loggedin { background: #fff; box-shadow: none; } .documentPreview .dropdown.hoverShow:hover #loggedin, .documentPreview .dropdown.dropdownOnClick.show_dropdown #loggedin, .fileEdit .dropdown.hoverShow:hover #loggedin, .fileEdit .dropdown.dropdownOnClick.show_dropdown #loggedin { background: #fff; -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, .15), -1px -1px 0px 0px rgba(0, 0, 0, .15); -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, .15), -1px -1px 0px 0px rgba(0, 0, 0, .15); box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, .15), -1px -1px 0px 0px rgba(0, 0, 0, .15); } .imagePreview .dropdown.hoverShow:hover #loggedin span.smArrowDown, .imagePreview .dropdown.dropdownOnClick.show_dropdown #loggedin span.smArrowDown, .mediaPreview.video .dropdown.hoverShow:hover #loggedin span.smArrowDown, .mediaPreview.video .dropdown.dropdownOnClick.show_dropdown #loggedin span.smArrowDown, .documentPreview .dropdown.hoverShow:hover #loggedin span.smArrowDown, .documentPreview .dropdown.dropdownOnClick.show_dropdown #loggedin span.smArrowDown, .fileEdit .dropdown.hoverShow:hover #loggedin span.smArrowDown, .fileEdit .dropdown.dropdownOnClick.show_dropdown #loggedin span.smArrowDown { background-image: url( images/icons/ico30/ico30-v8.png); opacity: .8; } .imagePreview #loggedin:hover, .mediaPreview.video #loggedin:hover { background: #444; } .documentPreview #loggedin:hover, .fileEdit #loggedin:hover { background-image: none; } .imagePreview #loggedin:hover span.smArrowDown, .mediaPreview.video #loggedin:hover span.smArrowDown { opacity: 1; } .documentPreview #loggedin:hover span.smArrowDown, .fileEdit #loggedin:hover span.smArrowDown { opacity: .8; } /*#logged_in_info #loggedin_dropdown { right: 0px; left: auto; margin-top: 0; z-index: 1501; -moz-border-top-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; text-transform: none; font-weight: normal; font-size: 14px; max-height: 0; max-width: 0; visibility: hidden; opacity: 0; overflow: hidden; -webkit-transition: visibility 0s linear .1s, height 0s linear .1s, width 0s linear .1s, opacity .1s linear 0s; -moz-transition: visibility 0s linear .1s, height 0s linear .1s, width 0s linear .1s, opacity .1s linear 0s; -o-transition: visibility 0s linear .1s, height 0s linear .1s, width 0s linear .1s, opacity .1s linear 0s; transition: visibility 0s linear .1s, height 0s linear .1s, width 0s linear .1s, opacity .1s linear 0s; }*/ #loggedin_dropdown { margin-right: 0; overflow: hidden; } #loggedin_dropdown li:first-child { font-weight: bold; color: #000; font-style: normal; } #loggedin_dropdown li .toggle-switch { position: absolute; top: 2px; left: 32px; height: 14px; width: 44px; font-size: 10px; } #loggedin:hover .arrow_tab { z-index: 1502; } /*#logged_in_info:hover #loggedin_dropdown { visibility: visible; opacity: 1; max-width: 999px; max-height: 999px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px -1px 6px 0px rgba(0, 0, 0, .15); -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px -1px 6px 0px rgba(0, 0, 0, .15); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .15), 0px -1px 6px 0px rgba(0, 0, 0, .15); }*/ #logged_in_info { float: right; position: relative; } .myfiles #logged_in_info { margin-right: 10px; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } /*#logged_in_info a:hover { color: #fff; }*/ /*#loggedin:hover { background: #fff; -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, .15), -1px -1px 0px 0px rgba(0, 0, 0, .15); -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, .15), -1px -1px 0px 0px rgba(0, 0, 0, .15); box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, .15), -1px -1px 0px 0px rgba(0, 0, 0, .15); color: #9e9d9d; z-index:1503; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }*/ /*#logged_in_info .dropdown.cf:hover #loggedin{ background: #fff; -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, .15), -1px -1px 0px 0px rgba(0, 0, 0, .15); -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, .15), -1px -1px 0px 0px rgba(0, 0, 0, .15); box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, .15), -1px -1px 0px 0px rgba(0, 0, 0, .15); color: #9e9d9d; z-index:1503; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }*/ /*dark avatar button */ /*.has-titlebar #loggedin { background: transparent; background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%); -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .1), 0px 0px 0px 1px rgba(0, 0, 0, .12), 0 2px 0 0 rgba(0,0,0,.06), 0 1px 0 0 rgba(0,0,0,.05); -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .1), 0px 0px 0px 1px rgba(0, 0, 0, .12), 0 2px 0 0 rgba(0,0,0,.06), 0 1px 0 0 rgba(0,0,0,.05); box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .1), 0px 0px 0px 1px rgba(0, 0, 0, .12), 0 2px 0 0 rgba(0,0,0,.06), 0 1px 0 0 rgba(0,0,0,.05); } .has-titlebar #loggedin span.smArrowDown { background: url( images/icons/ico30/ico30_reversed-v8.png) no-repeat -646px -3px; opacity: .2; } .has-titlebar #logged_in_info:hover span.smArrowDown { background: url( images/backgrounds/newMyfiles/smArrow.png) no-repeat -12px top; opacity: .4; }*/ .homeNavLinks { display: none; } .homeAccountLinks { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FACEBOOK/TWITTER STATUS ICONS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #networks_login_status { float: right; margin: 18px 0 0 0; } #networks_login_status a { float: left; width: 22px; height: 18px; margin: 0; } #fb_login_status { background: url( images/sprites/network_login_status_v2.png) 0 0 no-repeat; } #twitter_login_status { background: url( images/sprites/network_login_status_v2.png) -24px 0 no-repeat; } #fb_login_status.network_login_active { background-position: 0 -18px; } #twitter_login_status.network_login_active { background-position: -24px -18px; } #networks_login_status { display: none; } #header_bar:hover #networks_login_status { display: block; } #header_bar:hover div.login_inprogress #networks_login_status { display: none !important; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LOGIN DROPDOWN ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #main_login { position: absolute; top: 51px; right: 0; width: 291px; color: #5b636a; background: #f6f6f6; z-index: 1500; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0px 2px 4px 0 rgba(0,0,0,.35); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0px 2px 4px 0 rgba(0,0,0,.35); box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0px 2px 4px 0 rgba(0,0,0,.35); -webkit-border-radius: 5px 0 5px 5px; -moz-border-radius: 5px 0 5px 5px; border-radius: 5px 0 5px 5px; display: none; } .imagePreview #main_login, .mediaPreview #main_login, .filePreview #main_login, .myfiles #main_login { right: 10px; } .login_hide { display: none; } #main_login .tabs { padding-top: 0; box-shadow: none !important; } #main_login .tabs > ul { padding: 9px 0 0 10px; border-bottom: 1px solid #D6D6D6; box-shadow: 0 1px 0 0 #fff; height: 31px; background: #f2f2f2; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; } #main_login .tabs > ul li { float: left; height: 30px; width: 32px; cursor: pointer; border: 1px solid #D1D1D1; border-bottom: none; margin: 0 0 0 -1px; box-shadow: inset 0 1px 0 0 #fff; background-color: #F2F2F2; } #main_login .tabs > ul li.current { background: #f6f6f6; cursor: default; border-bottom: 2px solid #f6f6f6; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; height: 30px; } #main_login .tabs > div { border: 0; background: transparent; } #main_login .tabs > ul li div { height: 100%; width: 100%; } #main_login input[type="text"], #main_login input[type="password"] { padding: 4px; margin: 0; width: 240px; font-size: 16px; background: #fff; } #main_login input[type="submit"] { display: block; padding: 0; width: 253px; float:left; } #main_login .tabs > ul li#login_close { float: right; height: 30px; width: 30px; cursor: pointer; border: 0; box-shadow: none; background: transparent url( images/icons/close.png) left center no-repeat; } #login_tab_mediafire div { background: url( images/icons/tab_mediafire.png) center 0 no-repeat; } #login_tab_facebook div { background: url( images/icons/tab_facebook.png) center 0 no-repeat; } #login_tab_twitter div { background: url( images/icons/icn_footer_tw.png) center center no-repeat; } #login_tabs .login_tab_inactive div { background-position: 0 -30px; cursor: default; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LOGIN DROPDOWN: MEDIAFIRE TAB ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #login_mediafire { padding: 5px 0 20px 20px; } #login_mediafire label { margin: 10px 0 2px 0; display: block; } /*#login_email, #login_pass { width: ; }*/ .forgot-pwd { display: block; font-size: 11px; font-weight: normal; margin: 2px 0 0; outline: none; } #login_remember { margin: 20px 6px 0 0; float: left; display: inline; } #login_remember_p { font-size: 11px; font-weight: normal; float: left; margin: 19px 0 20px 0; } #login_ssl_btn { margin-top: 10px; float: left; width: 241px; } #login_ssl_btn:hover { text-decoration: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LOGIN DROPDOWN: FACEBOOK/TWITTER STYLES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .login_social_inner { margin-bottom: 14px; } .login_social_inner p { } p.soc_heading { padding: 0 0 0 0; font-weight: bold; text-align: center; color: #000; line-height: 1.4; } .soc_login_block { margin: 0; } .soc_login_block label { margin: 7px 0 2px 0; display: block; } .soc_display_email { font-weight: bold; margin: 4px 0 0 0; color: #505050; } .soc_login_block form { margin: 20px 20px 0; } .soc_login_block form input { } .soc_login_block form input:focus { background: #ffc; outline: none; } .soc_login_block form div input { } .soc_pwd_link { display: block; font-size: 11px; font-weight: normal; margin: 2px 0 0; color: #0183E7; outline: none; } .soc_perms_option { margin: 0 20px; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } span.soc_options_heading { padding: 2px 0 2px 10px; display: block; color: #788087; font-size: 11px; font-weight: bold; background: #C8CCD0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0; } .soc_perms_option div { overflow: auto; padding: 7px 0 7px 10px; } .soc_perms_first { border-top: 1px solid #b2cde7; } .soc_perms_option input { margin: 3px 9px 0 0; padding: 0; float: left; display: inline; } .soc_perms_option p { float: left; margin: 0; width: 200px; font-size: 11px; line-height: 14px; } p.soc_error { color: red; margin: 0 20px; padding: 0; border: 1px solid #f7c8d5; padding: 3px; text-align: center; background: #FFECEF; } p.soc_p_center { margin: 20px 20px 18px 20px; text-align: center; } .soc_radios { margin: 1px 20px 20px 20px; } .soc_radios div { margin-bottom: 2px; } .soc_toggler { margin: 20px; } .soc_toggler a { display: block; margin-bottom: 5px; padding: 8px 0; text-align: center; } .soc_toggler a:hover { text-decoration: none; } .use_mfemail_active, .use_fbemail_active, .use_twemail_active { cursor: default; line-height: 14px; padding: 9px 0 !important; font-weight: bold; color: #6E7378; } .use_mfemail_inactive { } .use_fbemail_inactive { } .use_twemail_inactive { } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LOGIN DROPDOWN: FACEBOOK TAB ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #login_facebook { padding: 15px 0px 13px; } #use_fb_email { display: block; height: 34px; width: 220px; position: relative; margin-top: 25px; } #use_fb_email span { display: block; height: 34px; width: 220px; position: absolute; background: url( images/buttons/btn_fb_usefbemail.png) 0 0 no-repeat; } #btn_fb_create_mfaccount { width: 220px; margin: 0 auto; text-align: center; display: block; } #btn_fb_create_mfaccount span { display: block; height: 34px; width: 220px; position: absolute; background: url( images/buttons/btn_fb_create_mfaccount.png) 0 0 no-repeat; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LOGIN DROPDOWN: TWITTER TAB ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #login_twitter { padding: 15px 0px 20px; } #use_twitter_email { display: block; height: 34px; width: 220px; position: relative; margin-top: 25px; } #use_twitter_email span { display: block; height: 34px; width: 220px; position: absolute; background: url( images/buttons/btn_twitter_usetwemail.png) 0 0 no-repeat; } .twitter_login_gfx { text-align: center; margin-top: 14px; padding-bottom: 10px; /*padding-bottom: 202px;*/ /*background: url( images/v4images/backgrounds/twitter_login_gfx.png) center bottom no-repeat;*/ } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SOCIAL BUTTONS IN LOGIN TABS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .headerSocialButton { height: 30px; padding: 0 25px 0 37px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; margin-bottom:8px; } .headerSocialButton span { float: left; font-size: 12px; line-height: 30px; } .headerSocialButton iframe { border: none; width: 100px; height: 22px; padding: 5px 5px 0; float: right; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HELP AND FEEDBACK TABS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .floatingTabsBox { position: fixed; left: 0; right: 0; bottom: 0; min-width: 960px; z-index: 1002; -webkit-transition: bottom .3s ease 0s; -moz-transition: bottom .3s ease 0s; transition: bottom .3s ease 0s; } .floatingTabsBox.expandHelp { bottom: 178px; -webkit-transition: bottom .3s ease 0s; -moz-transition: bottom .3s ease 0s; transition: bottom .3s ease 0s; } .floatingTabsBox .floatingTab { height: 90px; width: 22px; line-height: 0; position: absolute; top: -3px; left: -22px; padding: 0; display: block; font-size: 14px; font-weight: normal; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; border: 0; box-shadow: none; cursor: pointer; } #tabHelp { background: #7eb738; } .floatingTabsBox .floatingTab div { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -o-transform: rotate(-90deg); transform: rotate(-90deg); color: #fff; height: 22px; width: 90px; text-align: center; position: absolute; top: 34px; top: 0\9; /* For IE 8/9! */ left: -34px; left: 0\9; /* For IE 8/9! */ line-height: 22px; text-shadow: 1px 0 0 rgba(0, 0, 0, 0.4); cursor: pointer; } .floatingTabsBox .indicator-left { top: auto; bottom: 7px; left: 7px; background: url( images/icons/dropdown-arrow-left-white.png) center no-repeat; -webkit-transform-origin: 5px 5px; -moz-transform-origin: 5px 5px; -ms-transform-origin: 5px 5px; -o-transform-origin: 5px 5px; transform-origin: 5px 5px; -webkit-transition: -webkit-transform .5s linear; -moz-transition: -moz-transform .5s linear; -ms-transition: -ms-transform .5s linear; -o-transition: -o-transform .5s linear; transition: transform .5s linear; } .floatingTabsBox form { position: absolute; right: 0; left: 0; height:175px; color: #3f4145; box-shadow: 0px -1px 0px rgba(0,0,0,0.15); padding: 25px 30px 0px; background: #ebebeb; font-family: 'Open Sans', sans-serif; } .floatingTabsBox form.open .indicator-left { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -o-transform: rotate(180deg); transform: rotate(180deg); } .floatingTabsBox .tabContentWrap { position: absolute; right: 0; top: 0; width: 320px; color: #fff; -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3); box-shadow: 5px 5px 5px rgba(0,0,0,0.3); -moz-border-radius: 0 0 0 4px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; border: 0; padding: 15px; background: #000; } .floatingTabsBox form.feedbackForm { right: 0; top: 94px; background: #2760a3; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4095cb', endColorstr='#2760a3'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#4095cb), to(#2760a3)); /* for webkit browsers */ background: -moz-linear-gradient(top, #4095cb, #2760a3); /* for firefox 3.6+ */ z-index: -1; } .floatingTabsBox form li { margin-bottom: 15px; } .floatingTabsBox form legend { font-weight: 700; font-size: 21px; font-family: 'Open Sans', sans-serif; padding-bottom: 5px; } .floatingTabsBox label { display: block; font-weight: bold; color: #000; margin-bottom: 5px; } /*Support code in new help box*/ .floatingTabsBox .mfFooterSupport { top: -25px; right: 10px; height: 50px; padding: 40px 60px; font-size:14px; } .floatingTabsBox #helpCode { display: block; font: bold 32px/30px 'Open Sans', sans-serif; width: auto; margin:none; color: inherit; border: none; background: none; } #helpContainer p { margin: 0 0 0 10px; font: normal 18px/40px 'Open Sans', sans-serif; color: #555; } #helpContainer span { font-size: 13px; color: #999; margin-left: 10px; } #helpContainer a { color: #47A9EB; font-weight: bold; } #helpContainer .mfFooterSupport { float: left; position: absolute; top: 30px; right: 30px; background: white; border-radius: 3px; padding: 15px 60px; text-align: center; box-shadow: inset 0 2px 4px -2px rgba(0, 0, 0, 0.6); color: #555; } .helpPopupLinks { top: 140px; position: absolute; margin-bottom: 0; } .helpPopupLinks a { font-weight:bold; } .expandHelpClose { display:none; } .floatingTabsBox.expandHelp .expandHelpClose { display: block; position: absolute; height: 19px; padding: 5px 0px 0px 10px; width: 65px; right: 30px; top: -25px; text-align: center; border-radius: 4px 4px 0px 0px; font-size: 12px; line-height: 20px; font-weight: bold; cursor: pointer; color: #666; box-shadow: none; border: 1px solid rgba(0,0,0,0.15); border-bottom: none; background: rgb(247,247,247); background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(235,235,235,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(235,235,235,1))); background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%); background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%); background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%); background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ebebeb',GradientType=0 ); } .floatingTabsBox.expandHelp .expandHelpClose .indicator-down { left: 10px; right: auto; opacity: .8; margin-left: 0 !important; } .floatingTabsBox fieldset input, .floatingTabsBox fieldset textarea { width: 302px; padding: 1px 8px 0; font-size: 13px; line-height: 18px; box-shadow: 0 0 0 1px rgba(0,0,0,.15); border: none } .floatingTabsBox fieldset input { height: 32px; } .floatingTabsBox fieldset textarea { height: 55px; float: left; } .floatingTabsCaptcha { } .floatingTabsCaptcha div { width: 318px; height: 80px; text-align: center; line-height: 80px; border: 1px dashed rgba(255,255,255,.3); background: rgba(255,255,255,.2); } .floatingTabsButtons { padding: 15px; width: 100%; margin-left: -30px; margin-bottom: 0; padding-left: 45px; background: #EAF7D9; background-image: -webkit-linear-gradient(top, rgba(0,0,0,.05), transparent 5px); background-image: -moz-linear-gradient(top, rgba(0,0,0,.05), transparent 5px); background-image: -ms-linear-gradient(top, rgba(0,0,0,.05), transparent 5px); background-image: -o-linear-gradient(top, rgba(0,0,0,.05), transparent 5px); background-image: linear-gradient(top, rgba(0,0,0,.05), transparent 5px); } .floatingTabsButtons input, .floatingTabsButtons button { float: right; margin-left: 10px; -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 1px 0px rgba(255,255,255,0.4) !important; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 1px 0px rgba(255,255,255,0.4) !important; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 1px 0px rgba(255,255,255,0.3) !important; } .helpForm p { margin-bottom: 25px; margin-top: 15px; display: block; width: 65%; } .helpForm p span { font-weight: bold; font-size: 18px; line-height: 14px; } .filePreview .floatingTabsBox, .fileEdit .floatingTabsBox { display: none; } /* hide until we have a solution for the scrollbar */ /* TEMP ROCKMELT TAB, FIX FOR IE */ /*.ie9 #rockmeltTab .floatingTab, .ie8 #rockmeltTab .floatingTab, .ie7 #rockmeltTab .floatingTab { background: transparent url( images/backgrounds/header/rockmelt_tab-v2.png) 0 0 no-repeat !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important; filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important; } .ie9 #rockmeltTab .floatingTab > div, .ie8 #rockmeltTab .floatingTab > div, .ie7 #rockmeltTab .floatingTab > div { display: none; }*/ #helpCode { font-size: 21px; font-weight: bold; background: #EAF7D9; text-align: center; width: 200px; border-radius: 6px; border: 1px dashed #CCECA7; margin-bottom: 25px; color: #68a122; } .floatingTabsBox .textHighlight { white-space: nowrap; } /*myfiles button, help button and avatar button (buttatar)*/ /*.gbtnSecondary.ico30folder, .gbtnSecondary.ico30help, #loggedin.gbtnTertiary { background-color: rgb(33, 58, 82); color: #fff; background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,0)); background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,0)); background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,0)); -webkit-box-shadow: inset 0 0px 3px 0px rgba(255,255,255,.1), 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 0px 3px 0px rgba(255,255,255,.1), 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 0px 3px 0px rgba(255,255,255,.1), 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); } .gbtnSecondary.ico30folder:hover, .gbtnSecondary.ico30help:hover, #loggedin.gbtnTertiary:hover { background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,0.05)); background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,0.05)); background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,0.05)); background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,0.05)); background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,0.05)); }*/ .gbtnSecondary.ico30folder:after, .gbtnSecondary.ico30help:after, #loggedin.gbtnTertiary span.smArrowDown { background-image: url( images/icons/ico30/ico30_reversed-v8.png); } .dropdown.dropdownOnClick.show_dropdown #loggedin { background: #fff !important; color: #9e9d9d !important; text-shadow: none !important; -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, .15), -1px -1px 0px 0px rgba(0, 0, 0, .15) !important; -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, .15), -1px -1px 0px 0px rgba(0, 0, 0, .15) !important; box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, .15), -1px -1px 0px 0px rgba(0, 0, 0, .15) !important; } .dropdown.dropdownOnClick.show_dropdown #loggedin span.smArrowDown { background-image: url( images/icons/ico30/ico30-v8.png) !important; opacity: .8 !important; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ UPGRADE MESSAGE FOR OLDER BROWSERS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .upgrade_your_browser { display: none; position: fixed; z-index: 46; width: 100%; top: 0px; background: #555; text-align: center; color: white; font-size: 12px; padding: 4px 0 0; height: 23px; } body.time-to-upgrade .upgrade_your_browser { display: block; } body.time-to-upgrade #header { top: 27px; } body.time-to-upgrade #container { padding-top: 63px; } body.time-to-upgrade.myfiles .upgrade_your_browser { display: none; } body.time-to-upgrade.myfiles #header { top: 0; z-index: 1550; } body.time-to-upgrade.myfiles #myfiles_wrap, body.time-to-upgrade.myfiles #modal_window_closer { display: none !important; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LEGACY STYLE (INVESTIGATE REMOVAL) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .hide_header { display: none } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ROCKMELT SIDE TAB ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #rockmeltDownloadLink { display: block; height: 350px; width: 360px -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; background: url( images/backgrounds/header/rockmelt_tabcontent.jpg) 0 0 no-repeat; } #rockmeltDownloadLink.rmAd0 { height: 333px; } #rockmeltDownloadLink.rmAd1 { background: url( images/backgrounds/header/RM_MF_side_generic01.png) 0 0 no-repeat; } #rockmeltDownloadLink.rmAd2 { background: url( images/backgrounds/header/RM_MF_side_generic02.png) 0 0 no-repeat; } #rockmeltDownloadLink.rmAd3 { background: url( images/backgrounds/header/RM_MF_side_FB_users.png) 0 0 no-repeat; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* HIDE UPGRADE BUTTONS IN MYFILES FOR NEW LAYOUT (8.0) //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* this will need to be fixed for long term */ .myfiles .gbtnSecondary.upgrade_acct, .myfiles .gbtnSecondary.upgrade_discount { display: none !important; } /* MediaFire Master Stylesheet, Ver. 4 */ /*-------------------------------------------------------------------- FOOTER CSS footer.css.php ---------------------------------------------------------------------- CONCATENATED FILE, PART OF: /css/mfv4_(build number).php?ver=nonssl&date=(build date) ---------------------------------------------------------------------- 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, not part of mfv4 file ] --------------------------------------------------------------------*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FOOTER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*.footer { clear: both; padding: 0px; margin-top: -135px; height: 135px; background: #E4E8EC; border-top: 1px solid #d3d7dc; font-size: 11px; z-index: 10; -moz-box-shadow: 0px 1px 0px #dadee3; -webkit-box-shadow: 0px 1px 0px #dadee3; box-shadow: 0px 1px 0px #dadee3; } .footer .wrap { position: relative; } .footer ul { padding-top: 30px; width: 875px; } .footer ul li { display: inline; padding: 0 2px 0 9px; background: url( images/v4images/backgrounds/sm_middot.png) 0 center no-repeat; } .footer div.socialicons { position: absolute; right: 0; top: 30px; } .footer div.socialicons a { float: left; height: 32px; width: 32px; margin-left: 10px; } .footer .footer_facebooklink { background: url( images/icons/facebook_32.png) center no-repeat; } .footer .footer_twitterlink { background: url( images/icons/twitter_32.png) center no-repeat; } .footer .footer_linkedinlink { background: url( images/icons/linkedin_16.png) center no-repeat; }*/ #footer .mflogo_footer { display: none; /*float: right;*/ position: absolute; top: 32px; left: 0; height: 16px; width: 122px; padding: 0; margin-top: -3px; text-align: center; background: url( images/v4images/backgrounds/mflogo_footer.png) right bottom no-repeat; } #footer .mflogo_footer:hover { text-decoration: none; } body.h_logo_custom #footer .mflogo_footer { display: block; } #footer { padding: 0px; width: 100%; background-color: #f3f3f3; height: 214px; margin-top: -214px; color: #ADADAD; box-shadow: inset 0 1px 0px 0 rgba(0, 0, 0, .03); } #footer em { font-style: normal; font-weight: bold; } #footer b { font-weight: normal; } .footerColWrap { padding: 30px 0; } .footerCol { width: 232px; float: left; margin-right: 10px; font-size: 13px; } .footerCol h4 { display: block; padding: 0 0 10px 0; color: #ADADAD; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 12px; position: relative; font-weight: 600; text-transform: uppercase; } #footer a { color: #ADADAD; } #footer a:hover { color: #4f4f4f; } #footerColFollow a { padding-left: 24px; } /*FOOTER FOR MY FILES*/ .myfiles #footer, .filePreview #footer, .fileEdit #footer, .appView #footer{ height: 0px; position: fixed; bottom: 0; background: #ebebeb; -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, .15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, .15); -webkit-transition: height .3s ease 0s; -moz-transition: height .3s ease 0s; font-family: 'Open Sans', sans-serif; z-index: 20; } #subFooterWrap { position: relative; border-top: 1px solid #E3E3E3; } .myfiles #subFooterWrap, .filePreview #subFooterWrap, .fileEdit #subFooterWrap { border: none; } .myfiles #subFooterWrap:before, .filePreview #subFooterWrap:before, .fileEdit #subFooterWrap:before { display: none; } #subFooter { position: relative; height: 33px; padding: 17px 0 0; clear: both; font-size: 12px; } #subFooter li { display: inline; margin: 0 10px; position: relative; } #subFooter li:first-child:before, #subFooter li.footerIcn:before { display: none; } #subFooter a { text-shadow: none; } #subFooterSocialWrap { min-width: 890px; } #subFooterSocial { position: absolute; right: 0; top: 0; width: 180px; } #subFooterSocial li { float: right; margin: 14px 0 0 10px; } .texasNote { display: none; } .footerIcn a { display: block; position: relative; height: 28px; width: 28px; padding: 0; border-radius: 3px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; background-color: rgba(0,0,0,0.1); } .footerIcn a:hover { background-color: #47A9EB; } .footerIcn span { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-image: url( images/backgrounds/footer/social/footerIcons.png); background-repeat: no-repeat; cursor: pointer; opacity: .3; } .footerIcnFb { background-position: 0px top; } .footerIcnTw { background-position: -28px top; } .footerIcnGP { background-position: -56px top; } .footerIcnIn { background-image: url( images/backgrounds/footer/icn_footer_in.png); background-position: center; } .footerIcnMail { background-image: url( images/backgrounds/footer/icn_footer_mail.png); background-position: center; } .footerIcnBlog { background-position: -84px top; } #copyrightInfo { margin-left: 0 !important; } #copyrightInfo span { color: #ccc; } #subFooter li.myFilesFooterShow { display: none; } .myfiles #subFooter li.myFilesFooterShow { display: block; } .myfiles #subFooter .dropUp li { margin: 0; display: block; } .myfiles #subFooter .footerColWrap li:before, .filePreview #subFooter .footerColWrap li:before, .fileEdit #subFooter .footerColWrap li:before { display:none; } #minSocialLinks { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* NEW MY FILES FOOTER /////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #footer #myfilesTabMF { display: none; } #footer.tabMFhelp #myfilesTabMF { display:none; } .myfiles #footer.tabMF, .filePreview #footer.tabMF, .fileEdit #footer.tabMF, .appView #footer.tabMF { height: 200px; -webkit-transition: height .5s ease 0s; -moz-transition: height .5s ease 0s; } .myfiles #footer #mainFooterWrap, .filePreview #footer #mainFooterWrap, .fileEdit #footer #mainFooterWrap, .appView #footer #mainFooterWrap { display:none; } .myfiles #footer.tabMF #myfilesTabMF, .filePreview #footer.tabMF #myfilesTabMF, .fileEdit #footer.tabMF #myfilesTabMF, .appView #footer.tabMF #myfilesTabMF { display:block; } .myfiles #subFooterSocial, .filePreview #subFooterSocial, .fileEdit #subFooterSocial, .appView #subFooterSocial, .appView .subFooterLinks, .myfiles .subFooterLinks, .filePreview .subFooterLinks, .fileEdit .subFooterLinks { display:none; } .myfiles #footer.tabMF .subFooterLinks, .appView #footer.tabMF .subFooterLinks, .filePreview #footer.tabMF .subFooterLinks, .fileEdit #footer.tabMF .subFooterLinks { display:block; margin-top:10px; } .myfiles #footer.tabMF #subFooterSocial, .appView #footer.tabMF #subFooterSocial, .filePreview #footer.tabMF #subFooterSocial, .fileEdit #footer.tabMF #subFooterSocial { display:block; } .myfiles #subFooterWrap .wrap, .appView #subFooterWrap .wrap, .filePreview #subFooterWrap .wrap, .fileEdit #subFooterWrap .wrap { margin: auto; padding-left: 20px; width:auto; } .myfiles #subFooterSocial, .appView #subFooterSocial, .filePreview #subFooterSocial, .fileEdit #subFooterSocial { right: 10px; float:right; margin-right:20px; margin-top: -40px; position: relative; } #footer .footerTabLogo { display:none; } .myfiles #footer .footerTabLogo, .appView #footer .footerTabLogo, .filePreview #footer .footerTabLogo, .fileEdit #footer .footerTabLogo, .imagePreview #footer.tabMF .footerTabLogo { height: 24px; padding: 0; width: 42px; display: block; position: absolute; top: -25px; left: 25px; text-align:center; cursor: pointer; border-radius: 4px 0px 0px 0px; box-shadow: none; border: 1px solid rgba(0,0,0,0.15); border-bottom: none; background: rgb(247,247,247); /* Old browsers */ background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ebebeb',GradientType=0 );*/ } .footerTabLogo span { background-image: url( images/icons/logotab.png); background-repeat: no-repeat; background-position: top; opacity: 0.5; display: block; width: 38px; height: 15px; margin-top: 5px; } .footerTabLogo:hover span { opacity: .5; } .footerTabHelp.ico30add:hover:after span { opacity: .5; } #myfilesTabMF .footerColWrap { width: 960px; margin-top: -20px; padding: 30px 10px 20px 10px; } #myfilesTabMF .footerCol li { display: block; margin: 0; font-size: 14px; } .myfiles #footer h4 a, .filePreview #footer h4 a, .appView #footer h4 a, .fileEdit #footer h4 a { color: #666; } .myfiles .subFooterLinks, .filePreview .subFooterLinks, .appView .subFooterLinks, .fileEdit .subFooterLinks { margin-left: 10px; } /* My Files Help Tab */ #footer .footerTabHelp { display:none; } #footer .myfilesTabHelp { display: none; } #footer.tabMF .myfilesTabHelp { display:none; } #footer.tabMFhelp .subFooterLinks { display: none; } #footer.tabMFhelp #subFooterSocial { display: none; } #footer.tabMFhelp #myfilesTabMF { display: none; } .myfiles #footer.tabMFhelp, .appView #footer.tabMFhelp, .filePreview #footer.tabMFhelp { height: 225px; -webkit-transition: height .5s ease 0s; -moz-transition: height .5s ease 0s; } .documentPreview #footer.tabMFhelp, .fileEdit #footer.tabMFhelp { height: 140px; -webkit-transition: height .5s ease 0s; -moz-transition: height .5s ease 0s; } .documentPreview #footer.tabMFhelp .footerShortcuts, .fileEdit #footer.tabMFhelp .footerShortcuts { display:none; /* Doc previews do not need Keyboard Shortcuts */ } .myfiles #footer.tabMFhelp .myfilesTabHelp, .appView #footer.tabMFhelp .myfilesTabHelp, .filePreview #footer.tabMFhelp .myfilesTabHelp, .fileEdit #footer.tabMFhelp .myfilesTabHelp { display:block; min-width: 810px; } .myfiles #footer .footerTabHelp, .appView #footer .footerTabHelp, .filePreview #footer .footerTabHelp, .imagePreview #footer.tabMFhelp .footerTabHelp, .fileEdit #footer .footerTabHelp { height: 24px; width: 42px; display: block; position: absolute; top: -25px; left: 68px; text-align:center; cursor: pointer; padding: 0; border-radius: 0px 4px 0px 0px; box-shadow: none; border: 1px solid rgba(0,0,0,0.15); border-bottom: none; background: rgb(247,247,247); /* Old browsers */ background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ebebeb',GradientType=0 );*/ } .myfiles #footer .footerTabHelp { width: 70px; line-height: 24px; padding-right: 8px; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #777; } .footerTabHelp span { display: none; } .myfiles .footerTabHelp span { display: inline; } /*dark imagePreview buttons */ .imagePreview #footer .footerTabLogo, .imagePreview #footer .footerTabHelp { border: 1px solid rgba(0,0,0,0.5); 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)); -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), inset 0 1px 0 0 rgba(255,255,255,.07); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), inset 0 1px 0 0 rgba(255,255,255,.07); box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), inset 0 1px 0 0 rgba(255,255,255,.07); } .imagePreview #footer.tabMF .footerTabLogo span, .imagePreview #footer.tabMFhelp .footerTabLogo span { background-position: top; } .imagePreview #footer .footerTabLogo span { background-position: center -25px; opacity: 0.4; } .imagePreview #footer.tabMF .footerTabHelp.ico30help:after, .imagePreview #footer.tabMFhelp .footerTabHelp.ico30help:after { background-image: url( images/icons/ico30/ico30-v8.png); } .imagePreview #footer .footerTabHelp.ico30help:after { background-image: url( images/icons/ico30/ico30_reversed-v8.png); opacity: 0.4; } .imagePreview #footer .footerTabLogo:hover span, .imagePreview #footer .footerTabHelp.ico30help:hover:after { opacity: 0.6; } .footerTabHelp.ico30help:after { margin-top:2px; } .myfilesTabHelp p { margin-left: 10px; font: normal 18px/40px 'Open Sans', sans-serif; color: #555; } .myfilesTabHelp span { font-size: 13px; color: #999; margin-left: 10px; } .myfilesTabHelp p span { font: bold 18px/30px 'Open Sans', sans-serif; margin-left: 0px; } #footer .myfilesTabHelp p a, #footer .myfilesTabHelp span a { color: #47A9EB; font-weight: bold; } .mfFooterSupport { position: absolute; top: 30px; right: 30px; background: white; border-radius: 3px; padding: 15px 60px; text-align: center; box-shadow: inset 0 2px 4px -2px rgba(0, 0, 0, 0.6); color: #555; } #footerSupportCode { font: bold 28px/30px 'Open Sans', sans-serif; } /* My Files Footer Close button */ #footer .myfilesFooterClose { display:none; } #footer.tabMF .myfilesFooterClose, #footer.tabMFhelp .myfilesFooterClose { display: block; position: absolute; height: 19px; padding: 5px 0px 0px 10px; width: 65px; right: 30px; top: -25px; text-align:center; border-radius: 4px 4px 0px 0px; font-size:12px; line-height: 20px; font-weight: bold; cursor: pointer; color: #666; box-shadow: none; border: 1px solid rgba(0,0,0,0.15); border-bottom: none; background: rgb(247,247,247); /* Old browsers */ background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(235,235,235,1) 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ebebeb',GradientType=0 );*/ } .myfilesFooterClose .indicator-down { left:10px; right: auto; opacity: .8; } /*tab effects*/ #footer.tabMF .footerTabHelp, #footer.tabMFhelp .footerTabLogo { -webkit-box-shadow: inset 0 -2px 6px 0 rgba(0,0,0,.2); -moz-box-shadow: inset 0 -2px 6px 0 rgba(0,0,0,.2); box-shadow: inset 0 -2px 6px 0 rgba(0,0,0,.2); z-index: 1; background: #D4D4D4; border: 1px solid rgba(0,0,0,0.2); border-bottom: none; } #footer.tabMF .footerTabLogo, #footer.tabMFhelp .footerTabHelp { cursor: default; } #footer.tabMF .footerTabLogo:hover span { opacity: .4; } #footer.tabMFhelp .footerTabHelp.ico30help:hover:after { opacity: .4; } #footer.tabMF .footerTabHelp:hover, #footer.tabMFhelp .footerTabLogo:hover { background: #ccc; } /* FOOTER FOR SUBDOMAIN LOGIN */ .myfiles #subFooter li.myFilesFooterHide { display: none; } .businessLogin #footer { height: 49px; margin-top: -49px; } .businessLogin #footer .copyright-info { line-height: 49px; } .footerShortcuts { margin: 30px 30px 15px 10px; padding: 12px 10px; background: rgba(0,0,0,0.05); border-radius: 3px; box-shadow: inset 0 2px 4px -2px rgba(0, 0, 0, .2); white-space: nowrap; min-width: 810px; clear: both; } .footerShortcuts div { display: inline-block; padding-left: 10px; padding-right: 15px; border-right: 1px dotted #bbb; } .footerShortcuts span { padding:1px 4px; margin: 3px; border-radius: 3px; color: #817E7E; background-color: #fff; background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(240,240,240,.8) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%, rgba(240,240,240,.8))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(240,240,240,.8) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(240,240,240,.8) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(240,240,240,.8) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(240,240,240,.8) 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e9e9e9',GradientType=0 );*/ -webkit-box-shadow: 0 -1px 0 0 rgba(0,0,0,.05), inset 0px 0px 0px 1px rgba(255, 255, 255, .8), 0px 1px 0px 1px rgba(0, 0, 0, .08), 0 1px 0 0 rgba(0,0,0,.15); -moz-box-shadow: 0 -1px 0 0 rgba(0,0,0,.05), inset 0px 0px 0px 1px rgba(255, 255, 255, .8), 0px 1px 0px 1px rgba(0, 0, 0, .08), 0 1px 0 0 rgba(0,0,0,.15); box-shadow: 0 -1px 0 0 rgba(0,0,0,.05), inset 0px 0px 0px 1px rgba(255, 255, 255, .8), 0px 1px 0px 1px rgba(0, 0, 0, .08), 0 1px 0 0 rgba(0,0,0,.15); } .footerShortcuts .lastShortcut { border-right: none; } .footerShortcutsMac { display:none; } /*mac keyboard shortcut swap*/ .mac .footerShortcutsWin { display:none; } .mac .footerShortcutsMac { display: inline; } /*hide upload and new folder shortcut on img prev*/ .imagePreview .footerShortcutHide { display:none; } /* Footer button float */ .documentPreview.filePreview #footer .footerTabLogo, .imagePreview.filePreview #footer .footerTabLogo, .myfiles #footer .footerTabLogo { margin-top: -20px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid rgba(0,0,0,0.15); } .documentPreview.filePreview #footer .footerTabHelp, .imagePreview.filePreview #footer .footerTabHelp, .myfiles #footer .footerTabHelp { margin-top: -20px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid rgba(0,0,0,0.15); } .documentPreview.filePreview #footer.tabMF .footerTabLogo, .documentPreview.filePreview #footer.tabMF .footerTabHelp, .documentPreview.filePreview #footer.tabMFhelp .footerTabLogo, .documentPreview.filePreview #footer.tabMFhelp .footerTabHelp, .imagePreview.filePreview #footer.tabMF .footerTabLogo, .imagePreview.filePreview #footer.tabMF .footerTabHelp, .imagePreview.filePreview #footer.tabMFhelp .footerTabLogo, .imagePreview.filePreview #footer.tabMFhelp .footerTabHelp, .myfiles #footer.tabMF .footerTabLogo, .myfiles #footer.tabMF .footerTabHelp, .myfiles #footer.tabMFhelp .footerTabLogo, .myfiles #footer.tabMFhelp .footerTabHelp { margin-top: 0; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; } #footer .myfilesTabHelp p.additionalHelpLinks, #helpContainer p.additionalHelpLinks { font-size: 13px; line-height: 18px; margin-bottom: 25px; } #footer .myfilesTabHelp p.additionalHelpLinks a, #helpContainer p.additionalHelpLinks a { font-weight: normal; padding: 0 14px 0 12px; border-right: 1px solid #ccc; } #footer .myfilesTabHelp p.additionalHelpLinks a:last-child, #helpContainer p.additionalHelpLinks a:last-child { border: none; } /* temporarily hide these when inactive, these have been moved to #helpfooter in #mfAppBar */ /* TODO fix for long term */ .myfiles #footer .footerTabLogo, .myfiles #footer .footerTabHelp { display: none; } .myfiles #footer.tabMF .footerTabLogo, .myfiles #footer.tabMF .footerTabHelp, .myfiles #footer.tabMFhelp .footerTabLogo, .myfiles #footer.tabMFhelp .footerTabHelp { display: block; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* SIMPLE FOOTER (for pages that don't need nav, like signup) ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #simpleFooter { display: none; width: 100%; /*background: #e1e3e5 url( images/backgrounds/footer/footer_texture.png) 0 0;*/ height: 70px; line-height: 70px; margin-top: -70px; color:#888; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .2); text-align: center; font-size: 12px; background-color: #f2f2f2; } .signUpRegister #footer, .checkOut #footer, .changePlan #footer { display: none; } .signUpRegister #simpleFooter, .checkOut #simpleFooter, .changePlan #simpleFooter { display: block; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* BASIC FOOTER (currently only used on hosted FileDrop pages) ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .basicFooter { position: absolute; bottom: 0; left: 0; height: 49px; text-align: center; width: 100%; line-height: 49px; background: #ECEDEE; font-size: 12px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .2); } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* SANDBOX LABEL (PLACED IN FOOTER.PHP) //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .sandboxLabel { display:none; } .sandbox .sandboxLabel { display: block; position: fixed; z-index: 50; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3); padding: 0px 20px; margin: -5px -20px; }