/* ArtlogicCMS Admin UI version 1.2 January 2016 */ /* ----------------------------------------------------------- Load fonts ----------------------------------------------------------- */ @import url(/lib/webfonts/proximanova/proximanova.css); /* ----------------------------------------------------------- Global Styles ----------------------------------------------------------- */ .visually-hidden { position: absolute !important; height: 1px !important; width: 1px !important; overflow: hidden !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); white-space: nowrap !important; /* added line */ display: block!important; margin: 0!important; padding: 0!important; } .clearwithin:after { content: "."; clear: both; display: block; height: 0; line-height: 0; overflow: hidden; visibility: hidden; } input[type='text'], textarea { -webkit-appearance: none; } body.records_page, body.standard_page, body.main_screen { padding: 0; margin: 0; background: none; font-family: 'ProximaNova', Sans-Serif; font-weight: 200; color: #111; font-size: 13px; line-height: 1.8em; } html.sidebar-menu-open, body.sidebar-menu-open { overflow: hidden; } .device-handheld .handheld-hidden { display: none !important; } .device-handheld .handheld-only { display: none !important; } a, a:visited { color: #51A8E0; } a:hover, .ui-state-hover a, .ui-state-hover a:hover { color: #51A8E0; } li a { color: #51A8E0; } li a:hover { color: #51A8E0; } h1 { font-family: 'ProximaNova', Sans-Serif; font-weight: 200; color: #111; font-size: 26px; text-transform: uppercase; letter-spacing: 2.5px; } h2 { font-family: 'ProximaNova', Sans-Serif; font-weight: 200; color: #111; font-size: 20px; text-transform: uppercase; letter-spacing: 2.5px; } h3, body.records_page h3, body.standard_page h3, #pp_content h3 { font-family: 'ProximaNova', Sans-Serif; font-size: 17px; color: #111; padding: 0; margin: 0 0 12px; font-style: normal; font-weight: 200; text-transform: uppercase; letter-spacing: 2px; -webkit-font-smoothing: subpixel-antialiased; } h4, h4 a, h4 a:visited { font-family: 'ProximaNova', Sans-Serif; font-weight: normal; color: #111; font-size: 15px; -webkit-font-smoothing: antialiased; text-transform: uppercase; letter-spacing: 2px; color: #aaa; font-style: normal; } h5 { font-family: 'ProximaNova', Sans-Serif; font-weight: 200; color: #111; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; text-transform: uppercase; letter-spacing: 1.5px; font-style: normal; margin: 0 0 12px; } p, td, th, li, ul, input, textarea, button, select, a, body { font-family: 'ProximaNova', Sans-Serif; font-weight: 200; color: #111; font-size: 13px; } p { line-height: inherit; } .clear { height: 0; } .reset_styles h1, .reset_styles h2, .reset_styles h3, .reset_styles h4, .reset_styles h4 a, .reset_styles h4 a:visited, .reset_styles h5, .reset_styles h6, .reset_styles p, .reset_styles blockquote { text-transform: none; color: inherit; line-height: normal; font-size: inherit; font-family: inherit; margin: 0; padding: 0; line-height: inherit; height: auto; width: auto; border: none; letter-spacing: inherit; font-weight: inherit; text-transform: inherit; } select { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 6px 30px 6px 6px; background: #fff url(data:image/gif;base64,R0lGODlhLABEALMAAImJif///+Hh4ZmZmcPDw/b29sXFxdzc3JycnPf399/f3wAAAAAAAAAAAAAAAAAAACH5BAAHAP8ALAAAAAAsAEQAAAStUIhAq704ayy3/2AHjiQlluh2pqy1tu0Lp/Jc1vaI59/Oq5MfyifkBIu6I7KnXAKdoSbUOPUQoVdndrlFdotfYfg35pVzZ1t6toa1Y9IMAkCv2xW0OIZg7yMKeSR8fQB/LF2DdYaHehqJi4wpfJCRKQeAbI1Vb5VVGZyBnp+aU6BDpFioWqpcrF6uYLBismS0ZrZouGq6maKjvlTALrxuxHDCw8gVpjfGncjMJBEAOw==) center right no-repeat; background-size: 22px 34px; line-height: 18px; border: 1px solid #dbdbdb; border-radius: 3px; color: black; cursor: pointer; } select.fullwidth { width: 100%; } select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } button { background: none; border: none; font-family: inherit; font-size: inherit; color: inherit; padding: 2px 6px 3px; cursor: pointer; outline: none; } #page_container { margin: 0 auto; padding: 130px 40px 0; max-width: none; min-width: 1000px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 1280px; } body.docked_page #page_container { padding-top: 110px; } body.docked_page.page-pages #content { margin-bottom: 80px; padding-bottom: 20vh; } .records_page #container, .standard_page #container { width: 100%; min-width: 0; } #page_header { position: fixed; top: 0; left: 0; right: 0; padding: 0 40px; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; z-index: 20; max-width: 1280px; margin: 0 auto; } #page_header .inner { padding: 32px 0 20px; min-width: 1000px; margin: 0 auto; border-bottom: 1px solid #eee; } #logo { font-family: 'ProximaNova', Sans-Serif; font-weight: 200; color: #111; font-size: 10px; text-transform: uppercase; float: left; position: relative; height: 22px; margin-top: 3px; } body.docked_page #logo { margin-top: 0; } #logo a, #logo a:visited { color: #111; font-family: Sans-Serif; font-size: 22px; line-height: 26px; letter-spacing: 3px; font-size: 18px; font-weight: normal; font-weight: 200; } #logo .artlogic-cms-emblem { fill: #A8D3EF; fill: #111; } #logo .artlogic-cms-logo { position: absolute; top: 0; left: 36px; line-height: 22px; } /* New 2019 branding ---------------------------------------------------------- */ #logo.logo-2019 { width: 147px; height: 37px; transform: scale(0.9); transform-origin: center left; margin-top: 0; } #logo.logo-2019 .artlogic-cms-logo { position: absolute; top: -10px; left: -50px; line-height: 22px; } @media screen and (max-width: 1023px) { #logo.logo-2019 .artlogic-cms-logo { position: absolute; top: -10px; left: -20px; line-height: 22px; } } #logo.logo-2019 .artlogic-cms-logo .brandmark { display: block; width: 234px; height: 47px; background-repeat: no-repeat; margin: 0; position: relative; transform: scale(0.55); } #logo.logo-2019 .artlogic-cms-logo .brandmark-text img, #logo.logo-2019 .artlogic-cms-logo .brandmark-text svg { height: 100%; } #logo.logo-2019 .artlogic-cms-logo .brandmark-text img *, #logo.logo-2019 .artlogic-cms-logo .brandmark-text svg * { fill: #A5D3EF; } #logo.logo-2019 .artlogic-cms-logo .brandmark-text { position: absolute; left: 0; width: 100%; margin-left: 2px; height: 133%; overflow: hidden; } #logo.logo-2019.logo_animate .artlogic-cms-logo .brandmark-text { width: 17.5%; -webkit-animation: cms-logo-brandmark-text 200ms ease-out both; animation: cms-logo-brandmark-text 200ms ease-out both; /*animation-delay: 1550ms;*/ animation-delay: 2100ms; } @-webkit-keyframes cms-logo-brandmark-text { 0% { width: 17.5%; } 100% { width: 100%; } } @keyframes cms-logo-brandmark-text { 0% { width: 17.5%; } 100% { width: 100%; } } #logo.logo-2019.logo_animate .artlogic-cms-logo .brandmark-lines { display: block; width: 80%; height: 100%; position: absolute; right: 0; overflow: hidden; } #logo.logo-2019.logo_animate .artlogic-cms-logo .brandmark-line { height: 99%; width: 7px; background:#A5D3EF; display: block; position: absolute; -webkit-animation: cms-logo-brandmark-spread 2710ms ease-out both; animation: cms-logo-brandmark-spread 2710ms ease-out both; } #logo.logo-2019.logo_animate .artlogic-cms-logo .brandmark-line:nth-of-type(1) { left: 1px; animation-delay: 800ms; } #logo.logo-2019.logo_animate .artlogic-cms-logo .brandmark-line:nth-of-type(2) { left: 16.5%; animation-delay: 700ms; } #logo.logo-2019.logo_animate .artlogic-cms-logo .brandmark-line:nth-of-type(3) { left: 29.5%; animation-delay: 600ms; } #logo.logo-2019.logo_animate .artlogic-cms-logo .brandmark-line:nth-of-type(4) { right: 18.6%; left: auto; animation-delay: 500ms; } @-webkit-keyframes cms-logo-brandmark-spread { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -250, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -250, 0, 0, 1); } 0.48% { -webkit-transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -226.069, 0, 0, 1); transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -226.069, 0, 0, 1); } 0.94% { -webkit-transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -204.661, 0, 0, 1); transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -204.661, 0, 0, 1); } 2.11% { -webkit-transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -157.362, 0, 0, 1); transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -157.362, 0, 0, 1); } 2.32% { -webkit-transform: matrix3d(2.699, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -149.77, 0, 0, 1); transform: matrix3d(2.699, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -149.77, 0, 0, 1); } 3.25% { -webkit-transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -119.381, 0, 0, 1); transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -119.381, 0, 0, 1); } 4.41% { -webkit-transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -88.434, 0, 0, 1); transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -88.434, 0, 0, 1); } 4.63% { -webkit-transform: matrix3d(0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -83.404, 0, 0, 1); transform: matrix3d(0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -83.404, 0, 0, 1); } 5.56% { -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -64.421, 0, 0, 1); transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -64.421, 0, 0, 1); } 6.95% { -webkit-transform: matrix3d(0.975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.392, 0, 0, 1); transform: matrix3d(0.975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.392, 0, 0, 1); } 9.26% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.75, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.75, 0, 0, 1); } 10.18% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -12.763, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -12.763, 0, 0, 1); } 13.9% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.201, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.201, 0, 0, 1); } 14.79% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.016, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.016, 0, 0, 1); } 18.45% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.634, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.634, 0, 0, 1); } 18.46% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.634, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.634, 0, 0, 1); } 44.55% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); } 44.65% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); } 46.53% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 103.41, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 103.41, 0, 0, 1); } 47.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 128.56, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 128.56, 0, 0, 1); } 49.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 219.64, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 219.64, 0, 0, 1); } 51.8% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 263.064, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 263.064, 0, 0, 1); } 54.18% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 273.33, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 273.33, 0, 0, 1); } 60.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 255.156, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 255.156, 0, 0, 1); } 66.48% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 248.442, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 248.442, 0, 0, 1); } 70.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 249.1, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 249.1, 0, 0, 1); } 78.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250.104, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250.104, 0, 0, 1); } 91.14% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 249.993, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 249.993, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 0, 0, 1); } } @keyframes cms-logo-brandmark-spread { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -250, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -250, 0, 0, 1); } 0.48% { -webkit-transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -226.069, 0, 0, 1); transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -226.069, 0, 0, 1); } 0.94% { -webkit-transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -204.661, 0, 0, 1); transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -204.661, 0, 0, 1); } 2.11% { -webkit-transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -157.362, 0, 0, 1); transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -157.362, 0, 0, 1); } 2.32% { -webkit-transform: matrix3d(2.699, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -149.77, 0, 0, 1); transform: matrix3d(2.699, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -149.77, 0, 0, 1); } 3.25% { -webkit-transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -119.381, 0, 0, 1); transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -119.381, 0, 0, 1); } 4.41% { -webkit-transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -88.434, 0, 0, 1); transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -88.434, 0, 0, 1); } 4.63% { -webkit-transform: matrix3d(0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -83.404, 0, 0, 1); transform: matrix3d(0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -83.404, 0, 0, 1); } 5.56% { -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -64.421, 0, 0, 1); transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -64.421, 0, 0, 1); } 6.95% { -webkit-transform: matrix3d(0.975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.392, 0, 0, 1); transform: matrix3d(0.975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.392, 0, 0, 1); } 9.26% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.75, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.75, 0, 0, 1); } 10.18% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -12.763, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -12.763, 0, 0, 1); } 13.9% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.201, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.201, 0, 0, 1); } 14.79% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.016, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.016, 0, 0, 1); } 18.45% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.634, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.634, 0, 0, 1); } 18.46% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.634, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.634, 0, 0, 1); } 44.55% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); } 44.65% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); } 46.53% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 103.41, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 103.41, 0, 0, 1); } 47.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 128.56, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 128.56, 0, 0, 1); } 49.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 219.64, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 219.64, 0, 0, 1); } 51.8% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 263.064, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 263.064, 0, 0, 1); } 54.18% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 273.33, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 273.33, 0, 0, 1); } 60.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 255.156, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 255.156, 0, 0, 1); } 66.48% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 248.442, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 248.442, 0, 0, 1); } 70.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 249.1, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 249.1, 0, 0, 1); } 78.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250.104, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250.104, 0, 0, 1); } 91.14% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 249.993, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 249.993, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 0, 0, 1); } } #page_header_tools_wrapper { float: right; } #navigation_container { width: auto; float: left; padding-bottom: 0; } .nav-cmsbugreporter.squarebtn { top: -11px; position: relative; margin: 0 0 0 25px !important; } ul#topnav { } #topnav li ul { padding: 0; margin: 0; top: 30px; } #topnav li ul ul { left: 135px; } #topnav li ul ul.scrollable-nav-dropdown { max-height: 80vh; overflow: auto; } #topnav li ul ul.topnav_drop_alt, #topnav li ul ul.topnav_drop_alt ul { left: auto; right: calc(100% - 5px); } #topnav > li > ul { height: 0; width: 0; border: none; opacity: 0; border-width: 0px; display: block; overflow: hidden; } @media screen and (min-width: 1024px) { #topnav > li:hover > ul, #topnav > li.over > ul { display: block; opacity: 1; top: 23px; border-width: 1px; height: auto; width: auto; transition: opacity 0.5s ease-in-out, top 0.25s cubic-bezier(.87,.17,.18,.85); overflow: visible; border: 1px solid #e8e8e8 !important; } #topnav > li:hover > ul ul, #topnav > li.over > ul ul { border: 1px solid #e8e8e8 !important; } } ul#topnav > li { margin: 0 0 0 25px; padding: 0; height: 23px; } #topnav li a, #topnav li a:visited { color: #555; } #topnav li a.external_link_icon { display: flex; justify-content: space-between; } #topnav li a.external_link_icon:after { content: "\f08e"; display: block; margin-left: 6px; margin-right: -3px; margin-top: 0px; color: #ddd; font: normal normal 400 14px/1 FontAwesome; font-size: 12px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #topnav li ul li a, #topnav li ul li a:visited { font-size: 13px; font-weight: normal; } #topnav > li, #topnav > li > a, #topnav > li > a:visited, #topnav > li > a > span { font-family: 'ProximaNova', Sans-Serif; color: #888; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; -webkit-font-smoothing: antialiased; } #topnav li ul { border: 0 !important; -moz-box-shadow: 0 2px 9px rgba(0,0,0,0.08); -webkit-box-shadow: 0 2px 9px rgba(0,0,0,0.08); box-shadow: 0 2px 9px rgba(0,0,0,0.08); } /*#topnav li ul,*/ /*#topnav li ul li ul {*/ /* padding: 6px 0;*/ /*}*/ #topnav li ul li { min-width: 160px; } #topnav li ul li a { padding: 8px 14px; } #topnav > li > ul > li:first-child > a { padding-top: 14px; } #topnav > li > ul > li:last-of-type > a { padding-bottom: 14px; } #topnav li ul li a:hover, #topnav li ul li:hover { background: #fafafa; } #topnav > li li, #topnav > li li > a, #topnav > li li > a:visited, #topnav > li li > a > span { font-family: 'ProximaNova', Sans-Serif; color: #888; font-size: 13px; text-transform: none; letter-spacing: 0; font-weight: normal; -webkit-font-smoothing: antialiased; } #topnav li .topnav_drop { background: none; padding-right: 0; display: block; } #topnav li .topnav_drop:after { content: "\f0d7"; display: inline-block; float: right; margin-left: 6px; margin-right: 0; margin-top: -1px; color: #ddd; font: normal normal 900 14px/1 FontAwesome; font-size: 13px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #topnav li ul li ul { left: calc(100% - 6px); } #topnav li ul li .topnav_drop { background: none; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } #topnav li ul li .topnav_drop:after { content: "\f0da"; margin-left: 10px; margin-top: 0; } #topnav li.topnav_info { background: #fafafa; border-top: 1px solid #eee; box-sizing: border-box; padding: 12px 8px 8px; } #topnav li.topnav_info .topnav_info_row { box-sizing: border-box; width: 100%; clear: both; color: #888; color: #111; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; -webkit-font-smoothing: antialiased; padding-bottom: 4px; white-space: nowrap; } #topnav li.topnav_info .topnav_info_row_label { display: inline-block; color: #111; color: #888; } #topnav li.cms-navigation-add-section { color: #232323; margin-top: 7px; padding-top: 3px; border-top: 1px solid #e8e8e8; } #topnav li.cms-navigation-add-section a { color: #232323!important; font-size: 13px; color: #232323; letter-spacing: 0; } #topnav li.cms-navigation-add-section i { color: #232323; font-size: 14px; margin-right: 10px; } #topnav li .cms_nav_lozenge { background: #51A8E0; border-radius: 3px; color: white; font-weight: 400; font-size: 8px !important; line-height: 10px; letter-spacing: 0.09em; text-transform: uppercase; padding: 1px 2px; font-family: 'ProximaNova', Sans-Serif; position: relative; top: -1px; display: inline; } #current_user { margin: 0; float: right; width: 30px; height: 32px; position: relative; padding: 4px 0 0; } #current_user_icon { -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; width: 30px; height: 30px; background: center center no-repeat #DADADA; background-size: cover; color: #fff; font-family: 'ProximaNova', Sans-Serif; font-size: 14px; line-height: 31px; text-align: center; text-transform: uppercase; /*letter-spacing: -1px;*/ font-weight: normal; -webkit-font-smoothing: antialiased; cursor: default; font-weight: bold; display: inline-block; width: 14px; height: 14px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE0IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5hb2wtdXNlci1pY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9InBlcnNvbiIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgZmlsbD0iI0I4QjhCOCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy45OTQ0Nzk0LDEzLjAwMDAwMDEgQzEzLjk5ODE0ODMsMTIuOTA4MDg0NSAxNCwxMi44MTU3MDc4IDE0LDEyLjcyMjkwNCBDMTQsMTAuMzQyNzQ0OCAxMi43ODE5OTg2LDguMjQzNTMxMDIgMTAuOTI3OTYyOSw3IEMxMC4wMTIzNDY1LDguMTYwNzk2MDkgOC41OTMxOTI1NCw4LjkwNTk0MzY5IDcsOC45MDU5NDM2OSBDNS40MDY4MDc0Niw4LjkwNTk0MzY5IDMuOTg3NjUzNDcsOC4xNjA3OTYwOSAzLjA3MjAzNzE1LDcgQzEuMjE4MDAxNDMsOC4yNDM1MzEwMiAwLDEwLjM0Mjc0NDggMCwxMi43MjI5MDQgQzAsMTIuODE1NzA3OCAwLjAwMTg1MTY4NjIxLDEyLjkwODA4NDUgMC4wMDU1MjA1NjE5MSwxMy4wMDAwMDAxIEwwLDEzIEwwLDE0IEwxNCwxNCBMMTQsMTMgTDEzLjk5NDQ3OTUsMTMgTDEzLjk5NDQ3OTQsMTMuMDAwMDAwMSBaIiBpZD0iT3ZhbC0yLUNvcHkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0xIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBjeD0iNyIgY3k9IjQiIHI9IjQiPjwvY2lyY2xlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 50% 50% no-repeat; background-size: 14px 14px; vertical-align: middle; text-align: left; text-indent: -9999px; } #current_user_drop { position: absolute; top: 50px; right: 0; opacity: 0; height: 0; overflow: hidden; } #current_user:hover #current_user_drop { opacity: 1; top: 32px; transition: opacity 0.5s ease-in-out, top 0.4s cubic-bezier(.87,.17,.18,.85); height: auto; border: 1px solid #eee; width: 180px; background: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #current_user_name { font-weight: 200; color: #111; } #current_user_logout { font-family: 'ProximaNova', Sans-Serif; color: #111; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; } #current_user_logout a, #current_user_logout a:visited { text-decoration: none; font-family: 'ProximaNova', Sans-Serif; } #header { } #header h1#heading, h1 { font-family: 'ProximaNova', Sans-Serif; font-weight: 200; color: #111; font-size: 26px; margin: 0 0 25px; text-transform: uppercase; letter-spacing: 2.5px; display: inline-block; float: none; -webkit-font-smoothing: antialiased; } #header h2#subheading { font-family: 'ProximaNova', Sans-Serif; font-weight: 200; color: #aaa; font-size: 26px; margin-left: 12px; padding-left: 17px; text-transform: uppercase; letter-spacing: 2.5px; float: none; display: inline-block; position: relative; -webkit-font-smoothing: antialiased; } #header h2#subheading:before { content: '.'; border-left: 1px solid #ccc; top: 5px; left: 0; text-indent: -9999px; bottom: 5px; display: block; position: absolute; } #header h1#heading.hidden, #header h2#subheading.hidden { display: none; margin: 0; } #header h1#heading a, #header h1#heading a:visited, #header h2#heading a, #header h2#heading a:visited { color: #111; } #content { } #content > div.pr20 { padding: 0; width: 100%; } #content_module { float: left; width: 70%; padding-right: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #sidebar { float: right; width: 25%; } #copyright { display: none; } /* ----------------------------------------------------------- Specific templates ----------------------------------------------------------- */ #quick_search_form, .quick_search_form { position: relative; } #quick_search_form .f.qs, .quick_search_form .f.qs { width: 200px; padding: 10px; } #quick_search_form .squarebtn a, .quick_search_form .squarebtn a { padding-top: 8px !important; padding-bottom: 7px !important; } #quick_search_form .qs_submit_container .squarebtn, .quick_search_form .qs_submit_container .squarebtn { position: absolute; top: 0; right: 0; margin: 0 !important; background: none; } #quick_search_form .qs_submit_container .squarebtn a, .quick_search_form .qs_submit_container .squarebtn a { padding: 6px 6px 5px; text-indent: -9999px; border: 0 !important; background: none; } #quick_search_form .qs_submit_container .squarebtn a:before, .quick_search_form .qs_submit_container .squarebtn a:before { content: "\f002"; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-indent: 0; text-align: center; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 38px; } /* Login ----------------------------------------------------------- */ #container.subsection-login { max-width: 580px; margin: 0 auto; display: inline-block; text-align: left; vertical-align: middle; } .subsection-login #logo { width: 63px; height: 63px; margin: 0 auto 20px; display: block; float: none; transition: opacity 800ms ease-in-out; } .subsection-login.br19 #logo { width: 190px; height: auto; margin: 0 auto 0; } .subsection-login #logo .aol-emblem { fill: #111 !important; } .subsection-login h1 { clear: both; text-align: center; float: none; display: block; font-size: 40px; line-height: 45px; margin: 10px 0 15px; -webkit-font-smoothing: antialiased; transition: opacity 800ms ease-in-out; } .subsection-login h2 { clear: both; text-align: center; float: none; display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; transition: opacity 800ms ease-out; } .subsection-login.br19 h2 { color: #888; } #login_el { margin-top: 40px; width: 100%; max-width: 380px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eee; border: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0 auto; float: none; transition: opacity 800ms ease-in-out, margin 800ms ease-out; } #login_el .row { margin: 0 0 10px; } #login_el .row.error_row { color: #d21313; font-weight: bold; opacity: 0; transition: opacity 300ms ease-in-out; overflow: hidden; } #login_form.login_attempt_confirmed .row.error_row { opacity: 1; } #login_el label { color: #111; float: none; width: 100%; display: block; padding: 0; margin: 0 0 6px; font-style: normal; } #login_el .field { width: 100%; } #login_form input.f { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; transition: border 0.5s ease; padding: 10px; } #login_form input.f:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } #login_form input.f.error { border-color: #d21313; background: rgba(210,19,19,0.05); } #login_el .login_heading { display: inline-block; text-transform: uppercase; letter-spacing: 1.8px; font-size: 12.5px; color: #888; } #login-forgot-password { padding-left: 0; color: #51A8E0; font-size: 14px; margin: 0; } /*2019 BRANDING ---------------------------- */ .subsection-login.br19 #login_el .field { text-align: left; max-width: 100%; position: relative; padding-top: 25px; } .subsection-login.br19 #login_el label { font-size:16px; position: absolute; left: 0; top: 25px; bottom: 0; width: 100%; color: #999; padding-bottom: 5px; transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; margin: 0; } .subsection-login.br19 #login_form input { width: 100%; border: none !important; border-radius: 0 !important; border-bottom: 1px solid #ccc !important; padding: 6px 0 !important; transition: border-color 0.3s ease; line-height: 21px; box-shadow: none !important; font-weight: 300; font-size: 14px; position: relative; margin:0; } .subsection-login.br19 #login_form input:-webkit-autofill, .subsection-login.br19 #login_form input:-webkit-autofill:hover, .subsection-login.br19 #login_form input:-webkit-autofill:focus { box-shadow: 0 0 0 30px white inset !important; } .subsection-login.br19 #login_form input[type="password"] { font-size: 18px; letter-spacing: 4px; } .subsection-login.br19 #login_form input[type="text"], .subsection-login.br19 #login_form input[type="email"], .subsection-login.br19 #login_form input[type="number"], .subsection-login.br19 #login_form input[type="submit"], .subsection-login.br19 #login_form input[type="password"], .subsection-login.br19 #login_form textarea { -webkit-appearance: none; } .subsection-login.br19 #login_form input:-webkit-autofill, .subsection-login.br19 #login_form input:-webkit-autofill:hover, .subsection-login.br19 #login_form input:-webkit-autofill:focus, .subsection-login.br19 #login_form input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; } .subsection-login.br19 #login_form input:not([value=""]) + label, .subsection-login.br19 #login_form input:focus + label { font-size: 12px; padding: 0; top: 0; } .subsection-login.br19 #login_form input:focus + label:after { content: ""; height: 2px; background: #A8D3EF; background: #adcee4; background: #a4d0ec; display: block; bottom: -1px; position: absolute; width: 100%; animation: aui-text-input-minimal-line 0.3s ease; } @keyframes aui-text-input-minimal-line { 0% { transform: scaleX(0); opacity: 0; } 100% { transform: scaleX(1); opacity: 1; } } .subsection-login.br19 #login_form input:-webkit-autofill + label { color: #000; } .subsection-login.br19 #login_form input.has-value + label { color: #000; } .subsection-login.br19 #login_form input:-webkit-autofill:focus + label { color: #82aecc; } .subsection-login.br19 #login_form input.has-value:focus + label, .subsection-login.br19 #login_form input:focus + label { color: #6eafda; color: #82aecc; } .subsection-login.br19 #login_form input:-webkit-autofill + label { font-size: 12px; padding: 0; top: 10px; } .subsection-login.br19 #login_form input.has-value + label, .subsection-login.br19 #login_form input:focus + label { font-size: 12px; padding: 0; top: 10px; } #login_button_el { width: 100%; padding: 20px 0; } .subsection-login.br19 #login_button_el { width: 100%; padding: 40px 0 20px 0; } #login_button_el .squarebtns li { width: 100%; margin: 0; } #login_button_el .squarebtns li a { float: none; display: block; width: 118px; border-radius: 120px; margin: 0 auto !important; white-space: nowrap; background: #A8D3EF; border: 1px solid #A8D3EF !important; color: #fff; } .subsection-login.br19 #login_button_el .squarebtns li a { float: none; display: block; width: 190px; border-radius: 0; min-height: 50px; line-height: 36px; margin: 0 auto !important; white-space: nowrap; background: #A8D3EF; border: 1px solid #A8D3EF !important; color: #fff; font-size: 16px; letter-spacing: 1.5px; } .cms-login-page #page_container { padding: 0; height: 100%; max-width: none; text-align: center; } .cms-login-page #page_container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-left: -0.25em; } .subsection-login.login_load #logo, .subsection-login.login_load h1, .subsection-login.login_load h2 { opacity: 0; } .subsection-login.login_load #login_el { opacity: 0; margin-top: 50px; } .subsection-login.br19 #login_form .remember-otp-container label { font-size: 14px !important; color: #000 !important; } .subsection-login.br19 #login_form .remember-otp-container input { position: relative !important; top: 1px; } html, body { height: 100%; } /* CMS introduction popup ----------------------------------------------------------- */ #cms_update_introduction { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; align-items: center; justify-content: center; z-index: 9999; } #cms_update_introduction.active { display: flex; } #cms_update_introduction_overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(20,20,20,0.4); z-index: 10000; transition: opacity 400ms ease-in-out; opacity: 0; } #cms_update_introduction.active.visible #cms_update_introduction_overlay { opacity: 1; } #cms_update_introduction_content { position: relative; max-height: 96vh; overflow: auto; clear: both; display: block; margin: 0; padding: 22px 25px 15px; background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; align-self: center; z-index: 10001; transition: margin 1000ms ease-in-out, opacity 400ms ease-in-out; float:none; max-width:600px; width: 96vw; box-sizing: border-box; margin:0 auto; margin-top: 100px; padding-bottom: 25px; border: 0; opacity: 0; } #cms_update_introduction.active.visible #cms_update_introduction_content { margin-top: 0; opacity: 1; transition: margin 4000ms cubic-bezier(.18, 1, .21, 1), opacity 400ms ease-in-out; } #cms_update_introduction #cms_update_introduction_content h3 { padding-right: 40px; margin: 0 0 20px; } #cms_update_introduction #cms_update_introduction_content p { margin: 0 0 20px; } #cms_update_introduction #cms_update_introduction_content .close { position: absolute; top: 25px; right: 25px; height: 30px; width: 30px; } #cms_update_introduction #cms_update_introduction_content .close:after { display: block; float: right; font: normal normal normal 14px/1 FontAwesome; font-size: 17px; color: #111; text-rendering: auto; -webkit-font-smoothing: antialiased; cursor: pointer; content: "\f00d"; } /* Misc stuff to move --------------------------- */ a.icon-link { font-size: 14px; color: #555; display: block; } a.icon-link:hover { color: #51A8E0; } .icon-link .fa { margin-right: 0.5em; color: #51A8E0; } /* Dashboard ----------------------------------------------------------- */ .section-home #header, .section-dashboard #header { margin-top: 10px; margin-bottom: 36px; } .section-home #header h1#heading, .section-dashboard #header h1#heading { text-transform: none; letter-spacing: normal; font-size: 36px; margin-bottom: 0; width: auto; } .dashboard__welcome-user { color: #999; float: right; display: flex; align-items: center; margin-top: -12px; } .dashboard__welcome-user .image { border-radius: 50%; margin-left: 16px; } .dashboard__welcome-user .user_initials { margin-left: 16px; width: 48px; height: 48px; background-color: #d7d7d7; border-radius: 50%; color: white; text-align: center; line-height: 48px; font-size: 21px; } .dashboard__welcome-user strong { color: #111; font-weight: 200; } /* Dashboard alerts */ .dashboard-alert { background-color: #fdfdfd; border: 1px solid #eaeaea; position: relative; } .dashboard-alert * { color: #999; font-weight: normal; } .dashboard-alert h2 { text-transform: none; letter-spacing: normal; color: #111; font-weight: 200; font-size: 26px; line-height: 1em; margin: 0 0 12px; } .dashboard-alert p { line-height: 1.5em; margin-bottom: 1em; } .dashboard-alert hr { margin: 20px 0 10px; border: none; border-bottom: 1px solid #eaeaea; } .dashboard-alert .close { position: absolute; top: 0; right: 0; padding: 12px; font-size: 16px; background: transparent; cursor: pointer; border: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .dashboard-alert .fa-close { color: #C4C7CB; } .dashboard-alert .close:hover .fa-close { color: #999; } /* Setup progress tracker */ .dashboard-alert__progress-tracker { display: flex; margin-bottom: 50px; } .dashboard-alert__progress-tracker > header { flex-basis: 35%; flex-grow: 0; padding: 18px 24px 13px; box-sizing: border-box; border-right: 1px solid #eaeaea; display: flex; flex-wrap: wrap; } .dashboard-alert__progress-tracker > header > * { width: 100%; } /* Dashboard update notifications*/ .dashboard__system-update { margin-top: 50px; border: 1px solid #eaeaea; background-color: #fdfdfd; padding: 24px; transition: 0.4s ease all; width: 100%; box-sizing: border-box; border-radius: 5px; } .dashboard-section.system-update-notification:nth-child(2) .dashboard__system-update{ margin-top: 0; } .dashboard-section .system-update-notification-wrap { display: flex; flex-wrap: wrap; } .dashboard-section .system-update-notification-wrap .system-update-bubble { background-color: #a3d4f5; border-radius: 50%; color: #fff; width: 24px; height: 24px; text-align: center; margin-right: 10px; line-height: 24px; } .dashboard-section .system-update-notification-wrap .system-update-label .system-update-view { display: inline; margin-left: 10px; } .dashboard-section .system-update-notification-wrap .system-update-label .system-update-view a { font-weight: bold; color: #51A8E0; } .dashboard-section .system-update-notification-wrap .system-update-close-button { margin-left: auto; } .dashboard-section__detail-list li .system-update-container { opacity: 0; z-index: -99; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; } .dashboard-section__detail-list li .system-update-container.active { z-index: 99; opacity: 1; transition: ease-in-out 0.3s; } .dashboard-section__detail-list li .system-update-overlay { width: 100%; height: 100%; background: rgba(247, 247, 247, 0.9); } .dashboard-section__detail-list li .system-update-content { min-width: 200px; background: #fff; padding: 20px; width: 500px; box-sizing: border-box; border-radius: 3px; border: 1px solid rgba(0,0,0,0.10); box-shadow: 0 4px 20px rgb(0 0 0 / 6%); transform: translate(-50%,-50%); top: 50%; left: 50%; position: absolute; } .dashboard-section__detail-list li .system-update-content .long-message > *{ padding: 0; } .dashboard-section__detail-list li .system-update-content .long-message h2 { text-transform: none; margin-bottom: 20px; letter-spacing: normal; font-size: 18px; } .dashboard-section__detail-list li .system-update-content .long-message p { margin-bottom: 10px; } .dashboard-section__detail-list li .system-update-content a { color: #51A8E0; display: inline; padding: 0; background: none; } .dashboard-section__detail-list li .system-button-wrap { text-align: center; } .dashboard-section__detail-list li .system-update-button { min-width: 64px; background: transparent; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #888; padding: 7px 12px; border: 1px solid #C8C8C8; border-radius: 22px; margin-top: 3px; margin-bottom: 3px; } .dashboard-section__detail-list li .link-col { cursor: pointer; color: #51A8E0; font-weight: bold; } .dashboard-section__detail-list li .short-message { margin-right: 20px; font-weight: bold; } .dashboard-section__detail-list li .system-update-event { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; flex-direction: column; padding: 2px 0; } /* Setup font selection */ .dashboard-alert__font-selector { display: flex; margin: 30px; } .dashboard-alert__font-selector > header { flex-basis: 35%; flex-grow: 0; padding: 18px 24px 13px; box-sizing: border-box; border-right: 1px solid #eaeaea; display: flex; flex-wrap: wrap; } .dashboard-alert__font-selector > header > * { width: 100%; } .dashboard-alert__icon-list { display: flex; flex-grow: 1; padding: 0; margin: 0; list-style: none; } .dashboard-alert__icon-list > li { flex-basis: 25%; flex-grow: 1; border-right: 1px solid #eaeaea; text-align: center; } .dashboard-alert__icon-list > li:last-child { border-right: none; } .dashboard-alert__icon-list a { width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 25px 0; box-sizing: border-box; } .dashboard-alert__icon-list a:hover { background-color: #f7f7f7; } .dashboard-alert__icon-list li h3 { color: #999; font-size: 13.5px; text-transform: none; letter-spacing: normal; margin-bottom: 0; } .dashboard-alert__icon-list a:hover h3 { color: #555; } .dashboard-alert__icon-list i:not(.small-icon) { position: relative; display: inline-block; width: 58px; height: 58px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin-top: 17px; margin-bottom: 20px; font-size: 58px; color: #111; } .dashboard-alert__icon-list > li.checked i:not(.small-icon)::after { font: normal normal 900 14px/1 FontAwesome; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f058"; color: #9CD645; background-color: #fdfdfd; border-radius: 100%; position: absolute; right: -3px; bottom: -3px; } .dashboard-alert__icon-list i.fas:not(.small-icon) { font-size: 46px; line-height: 66px; font-weight: 200; } .dashboard-alert__icon-list > li.checked i.fas:not(.small-icon)::after { font-size: 32px; } .dashboard-aler-variant__stats .dashboard-alert__icon-list li { background: #f9f9f9; } .dashboard-aler-variant__stats .dashboard-alert__icon-list li.checked { background: #fff; } .dashboard-aler-variant__stats .dashboard-alert__icon-list li h3 { color: #333; font-size: 16px; font-weight: normal; margin: 0 0 9px; } .dashboard-aler-variant__stats .dashboard-alert__icon-list li .subtitle { color: #999; font-size: 14px; font-weight: normal; letter-spacing: 0; margin: 0 0 20px; } .dashboard-aler-variant__stats .dashboard-alert__icon-list li .subtitle + .button_container { margin-top: -10px; } .dashboard-aler-variant__stats .dashboard-alert__icon-list li .subtitle .subtitle_inner { margin-bottom: 2px; } .dashboard-aler-variant__stats .dashboard-alert__icon-list li .subtitle .subtitle_inner:last-child { margin-bottom: 0; } .dashboard-aler-variant__stats .dashboard-alert__icon-list li .small-icon { font-size: 12px; } .dashboard-aler-variant__stats .dashboard-alert__icon-list li .button_container { text-align: center; margin: 0 0 20px; } .dashboard-aler-variant__stats .dashboard-alert__icon-list li .button_container .small_button { border: 1px solid #ccc; border-radius: 100px; display: inline-block; } .dashboard-aler-variant__stats .dashboard-alert__icon-list li .button_container .small_button a { display: block; padding: 4px 16px; text-decoration: none; color: #999; font-size: 11px; background: none; } .dashboard-alert__system-updates { display:flex; } .dashboard-alert__system-updates aside { width: 350px; padding: 18px 24px 13px; box-sizing: border-box; border-right: 1px solid #eaeaea; display: flex; flex-direction:column; } .dashboard-alert__system-updates aside .button-wrapper { width: 100%; margin-top: auto; border-top: 1px solid #eaeaea; padding-top: 10px; } .dashboard-alert__system-updates main { width:calc(100% - 350px); padding: 18px 24px; box-sizing: border-box; } .dashboard-alert__system-updates main .content-wrapper > h3 { text-transform: none; letter-spacing: normal; color: #111; font-weight: 200; font-size: 22px; line-height: 1em; margin: 0 0 12px; } .dashboard-alert__system-updates main .content-wrapper ul { margin-left: 0 } .dashboard-alert__system-updates main .content { max-width: 700px } .dashboard-alert__system-updates .date { text-transform: uppercase; font-size: 12px; letter-spacing: 1px; color: #999; padding-top: 20px; } .dashboard-alert__system-updates .su-emoji { font-size: 1.5em } /* Dashboard stats --------------------------- */ .dashboard-stats { background-color: #fdfdfd; border: 1px solid #eaeaea; position: relative; width: 100%; } .dashboard-stats * { color: #999; font-weight: normal; } .dashboard-stats h2 { text-transform: none; letter-spacing: normal; color: #111; font-weight: 200; font-size: 26px; line-height: 1em; margin: 0 0 12px; } .dashboard-stats p { line-height: 1.5em; margin-bottom: 1em; } .dashboard-stats hr { margin: 20px 0 10px; border: none; border-bottom: 1px solid #eaeaea; } /* Setup stat list */ .dashboard-stats__stat-list { display: flex; flex-grow: 1; padding: 0; margin: 0; list-style: none; } .dashboard-stats__stat-list > li { flex-basis: 25%; flex-grow: 1; border-right: 1px solid #eaeaea; text-align: center; } .dashboard-stats__stat-list > li:last-child { border-right: none; } .dashboard-stats__stat-list .content { width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 25px 0; box-sizing: border-box; user-select: none; transition: all 400ms ease-in-out; } .dashboard-stats__stat-list .content:hover { background-color: #f7f7f7; } .dashboard-stats__stat-list li h3 { color: #111; font-size: 13.5px; text-transform: none; letter-spacing: normal; margin-bottom: 0; } .dashboard-stats__stat-list li .stat-figure { position: relative; display: inline-block; width: 100%; height: 58px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin-top: 0; margin-bottom: 20px; font-size: 58px; font-weight: 200; color: #111; } /* Dashboard sections --------------------------- */ .dashboard-section { display: flex; flex-wrap: wrap; margin-bottom: 50px; } .dashboard-section:last-of-type { margin-bottom: 70px; } .dashboard-section * { font-size: 14px; } .dashboard-section > header { flex-basis: 100%; padding: 0; margin: 0 0 30px; border-bottom: 1px solid #eaeaea; } .dashboard-section > header.dashboard-header-hidden { border: 0; margin: 0; height: 0; } .dashboard-section:first-child > header { padding: 35px 0 0; } .dashboard-section > header h2, .dashboard-section section > header h2 { font-size: 30px; text-transform: none; letter-spacing: normal; margin-bottom: 20px; } .dashboard-section section > header h2 { margin-bottom: 5px; font-size: 26px; } .dashboard-section .dashboard-section__secondary-link { text-transform: uppercase; font-size: 12px; letter-spacing: 2px; color: #999; margin-top: 30px; display: block; } .dashboard-subsection { padding: 0 25px; box-sizing: border-box; } .dashboard-subsection.record-links { flex-basis: 100%; margin-bottom: 50px; padding: 0; } .dashboard-subsection.columns-4 { max-width: 33.3%; flex-basis: 33.3%; flex-grow: 0; } .dashboard-subsection.columns-6 { max-width: 50%; flex-basis: 50%; flex-grow: 0; } .dashboard-subsection.columns-8 { max-width: 66.6%; flex-basis: 66.6%; flex-grow: 0; } .dashboard-subsection.columns-12 { max-width: 100%; flex-basis: 100%; flex-grow: 0; } .dashboard-subsection header { padding-bottom: 20px; border-bottom: 1px solid #eaeaea; } .dashboard-subsection header h3 { font-size: 18px; text-transform: none; letter-spacing: normal; color: #999; margin-bottom: 0; } .dashboard-section .fluid-width-video-wrapper { padding-top: 56.25% !important; } .dashboard-section .video-container img { width: 100%; } .dashboard-section .video-selector-group { margin-top: calc(20px + 1.8em); } .dashboard-section .video-selector-group .video-cta { padding: 10px 0 10px 0; } .dashboard-section .video-selector-group .video-selector > button, .dashboard-section .video-selector-group .video-cta > a { display: flex; align-items: center; padding: 0; width: 100%; } .dashboard-section .video-selector-group .video-selector { border-bottom: 1px solid #eaeaea; padding: 10px 0 10px 0; } .dashboard-section .video-selector-group .video-selector:hover { background-color: #f7f7f7; } .dashboard-section .video-selector-group .video-selector:first-of-type { border-top: 1px solid #eaeaea; } .dashboard-section .video-selector-group .video-number { font-size: 24px; letter-spacing: 0; min-width: 35px; min-height: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-transform: uppercase; color: #999; padding: 0 10px; box-sizing: border-box; } .dashboard-section .video-selector-group .video-info { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0 10px; } .dashboard-section .video-selector-group .video-title { font-size: 13px; color: #474747; font-weight: bold; } .dashboard-section .video-selector-group .video-subtitle { font-size: 13px; color: #474747; } .dashboard-section .homepage-help-details dl { display: flex; flex-flow: row wrap; } .dashboard-section .homepage-help-details dt { flex-basis: 33%; } .dashboard-section .homepage-help-details dd { flex-basis: 66%; flex-grow: 1; margin: 0; } /* Dashboard icon grid */ .dashboard-section__icon-grid { list-style: none; padding: 0; margin: 0; display: grid; gap: 30px; grid-template-columns: repeat(6, 1fr); margin-bottom: 30px; } .dashboard-section__icon-grid li { flex-basis: 16.5%; flex-grow: 1; } @media screen and (max-width: 1300px) { .dashboard-section__icon-grid { grid-template-columns: repeat(4, 1fr); } .dashboard-section__icon-grid li { flex-basis: 25%; } } @media screen and (max-width: 1000px) { .dashboard-section__icon-grid { grid-template-columns: repeat(3, 1fr); } .dashboard-section__icon-grid li { flex-basis: 33.33%; } } @media screen and (max-width: 833px) { .dashboard-section__icon-grid { grid-template-columns: repeat(2, 1fr); } .dashboard-section__icon-grid li { flex-basis: 50%; } } .dashboard-section__icon-grid li a { box-sizing: border-box; display: flex; justify-content: flex-start; flex-direction: row; align-items: center; text-align: center; gap: 15px; padding-left: 20px; color: #999; border: 1px solid #C8C8C8; } .dashboard-section__icon-grid i { position: relative; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center center; margin-top: 16px; margin-bottom: 10px; font-size: 20px; } .dashboard-section__icon-grid p { color: #999; } .dashboard-section__icon-grid li a:hover p, .dashboard-section__icon-grid li a:hover i { color: #111; } /* Dashboard detail list */ .dashboard-section__detail-list { padding: 0; margin: 0; list-style: none; } .dashboard-section__detail-list > li { border-bottom: 1px solid #eaeaea; } .dashboard-section__detail-list li * { margin-bottom: 0; font-size: 13px; color: #474747; } .dashboard-section__detail-list li .image-placeholder { background-color: #f5f5f5; width: 75px; height: 75px; display: inline-block; } .dashboard-section__detail-list .details { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 30px; } .dashboard-section__detail-list .details * { display: inline; vertical-align: middle; } .dashboard-section__detail-list .meta { flex-shrink: 0; } .dashboard-section__detail-list .meta p { display: inline-block; vertical-align: middle; } .dashboard-section__detail-list li .meta .data-type { border: 1px solid #eaeaea; background-color: #FDFDFD; color: #999; padding: 3px 5px !important; font-size: 9px; } .dashboard-section__detail-list li a { display: flex; align-items: center; justify-content: space-between; padding: 2px 0; } .dashboard-section__detail-list li a:hover { background-color: #fdfdfd; } .dashboard-section__detail-list li h4 { text-transform: none; font-weight: bold; font-size: 13px; letter-spacing: normal; color: #474747; padding: 0 3px 0 12px; } .dashboard-section__detail-list li h4 a, .dashboard-section__detail-list li h4 a:visited { text-transform: none; font-weight: bold; font-size: inherit; letter-spacing: normal; color: #474747; } .dashboard-section__detail-list li p { padding: 0 3px; } .dashboard-section__detail-list li .meta * { text-transform: uppercase; font-size: 12px; letter-spacing: 1px; color: #999; } .dashboard-section__detail-list li .meta .fa { color: #ccc; font-size: 13px; } .dashboard-subsection-module { margin-bottom: 40px; } .dashboard-subsection-module:last-of-type { margin-bottom: 0; } /* Dashboard link list */ .dashboard-section__link-list { margin-left: 0; padding-left: 0; list-style: none; padding: 24px 0 24px 0; } .dashboard-section__link-list li { position: relative; padding-left: 16px; margin-bottom: 12px; } .dashboard-section__link-list li::before { content: ">"; color: #51A8E0; position: absolute; left: 0; } /* Dashboard footer */ .dashboard-footer { border-top: 1px solid #eee; padding: 30px 0; display: flex; justify-content: space-between; align-items: center; } .dashboard-footer .copyright { font-size: 14px; color: #999; } /* Website package dashboard ----------------------------------------------------------- */ #website-package ul { list-style: none; padding: 0; margin: 0; } #website-package .dashboard-subsection { padding: 0; } .website-package ul li { display:flex; } .website-package ul li .website-package-title { width: 30%; } .website-package ul li .website-package-detail { width: 70%; } /* Debug Dashboard ----------------------------------------------------------- */ .debug-dashboard { margin-bottom: 50px; border: 1px solid #eaeaea; background-color: #fdfdfd; padding: 24px; max-height: 24px; overflow: hidden; transition: 0.4s ease all; } .debug-dashboard.active { max-height: 1000px; background-color: #f7f7f7; transition: 0.4s ease all; } .debug-dashboard-container { max-width: 1280px; box-sizing: border-box; margin-left: auto; margin-right: auto; } .debug-dashboard-header { display: flex; flex-firection: row; align-items: center; width: 100%; } .debug-dashboard-header h2 { text-transform: none; letter-spacing: normal; color: #111; font-weight: 200; font-size: 26px; line-height: 1em; margin-top: 0; margin-bottom: 24px; } .debug-dashboard-header .show-hide-button { display: block; margin-left: auto; width: 30px; height: 30px; padding: 0; margin-bottom: 18px; } .debug-dashboard-header .show-hide-button i { color: #999; font-weight: 600; font-size: 18px; } .debug-dashboard.active .debug-dashboard-header .show-hide-button i { transform: rotate(180deg); } .debug-dashboard-sections-container { display: block; column-count: 3; column-gap: 20px; } .debug-dashboard-section { display: inline-block; width: 100%; margin-bottom: 20px; padding-bottom: 0; box-shadow: 0 0 25px rgb(171 171 171 / 11%); border-radius: 10px; box-sizing: border-box; padding: 20px; background-color: white; } body .debug-dashboard .debug-dashboard-section h3 { margin-bottom: 12px; font-size: 15px; } .debug-dashboard-section > ul { position: relative; list-style-type: none; padding: 0; margin: 0; display: flex; flex-direction: column; } .debug-dashboard-section > ul > li { display: flex; flex-direction: column; box-sizing: border-box; padding-left: 25px; padding-bottom: 6px; border-bottom: 1px solid #eee; margin-bottom: 9px; } .debug-dashboard-section > ul > li:last-of-type { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .debug-dashboard-section > ul > li i { position: absolute; left: 0px; font-size: 15px; } .debug-dashboard-section > ul > li .fa-check { color: #93cd29; } .debug-dashboard-section > ul > li .fa-times, .debug-dashboard-section > ul > li .fa-exclamation-circle { color: #ab0000; } .debug-dashboard-section .setting-label { display: block; width: 100%; margin-right: 15px; margin-bottom: 4px; font-weight: 400; } .debug-dashboard-section .setting-value { color: #757575; } /* Dashboard full detail list -------------------------------- */ .dashboard-subsection-full-detail-list { width: 100%; max-width: 100%; } .dashboard-section__full-detail-list-header { display: flex; padding-bottom: 12px; padding-top: 12px; border-bottom: 1px solid #eaeaea; position: sticky; top: 90px; background: #fff; } .dashboard-section__full-detail-list-header > div { flex-basis: 50%; box-sizing: border-box; padding: 0 15px 0 0; font-size: 13px; font-weight: 500; min-width: 120px; } .dashboard-section__full-detail-list-header > div:nth-of-type(1) { width: 90px; min-width: 90px; flex-basis: auto; } .dashboard-section__full-detail-list-header > div:nth-of-type(2) { flex-basis: 70%; min-width: 180px; } .dashboard-section__full-detail-list { margin: 0; padding: 0; } .dashboard-section__full-detail-list li { display: flex; align-items: center; border-bottom: 1px solid #eaeaea; } .dashboard-section__full-detail-list li > div { flex-basis: 50%; box-sizing: border-box; padding: 0 15px 0 0; font-size: 13px; font-weight: 500; min-width: 120px; font-weight: 200; } .dashboard-section__full-detail-list li > div:nth-of-type(1) { width: 75px; height: 75px; min-width: 75px; flex-basis: auto; box-sizing: content-box; } .dashboard-section__full-detail-list li > div:nth-of-type(1) .image_placeholder { width: 75px; height: 75px; background-color: #fafafa; } .dashboard-section__full-detail-list li > div:nth-of-type(2) { flex-basis: 70%; min-width: 180px; } .dashboard-section__full-detail-list li h4 { text-transform: none; font-weight: bold; padding: 0; font-size: 15px; line-height: 19px; margin: 0; letter-spacing: normal; color: #111; } .dashboard-section__full-detail-list li h4 a, .dashboard-section__full-detail-list li h4 a:visited { text-transform: none; font-weight: bold; font-size: inherit; letter-spacing: normal; color: #111; } .dashboard-section__full-detail-list li .subtitle { padding: 4px 0 0; color: #999; } .dashboard-section__full-detail-list li .fa-check { color: #9CD645; font-size: 16px; font-weight: bold; margin-left: 2px; vertical-align: middle; } .dashboard-section__full-detail-list li .fa-times { color: #d04444; font-size: 17px; font-weight: bold; margin-left: 4px; vertical-align: middle; } .dashboard-section__full-detail-list li .fa-circle { color: #f7af2b; font-size: 9px; font-weight: bold; margin-left: 5px; vertical-align: middle; } .dashboard-section__full-detail-list li .col-type-number { font-size: 22px; } .dashboard-section__full-detail-list li .col-type-check-link { white-space: nowrap; } .dashboard-section__full-detail-list li .col-type-check-link .hover-content { display: inline-block; transition: opacity 200ms linear; opacity: 0; margin-left: 8px; vertical-align: middle; font-weight: 200; font-size: 13px; } .dashboard-section__full-detail-list li:hover .col-type-check-link .hover-content { opacity: 1; } .dashboard-section__full-detail-list li .col-type-check-link .hover-content * { font-size: 13px; } .dashboard-section__full-detail-list li .col-type-check-link .hover-content .status-label { margin-bottom: 3px; } .dashboard-section__full-detail-list li .col-type-check-link .hover-content .status-label:last-child { margin-bottom: 0; } .dashboard-section__full-detail-list li > div .link a, .dashboard-section__full-detail-list li > div .link a:visited { font-weight: 200; color: #333; } .dashboard-section__full-detail-list li > div .link a:before { } @media screen and (max-width: 900px) { .dashboard-section__full-detail-list-header { position: static; } .dashboard-subsection-full-detail-list { width: none; max-width: none; overflow: auto; margin-right: -20px; margin-left: -20px; padding: 0 20px !important; width: calc(100% + 40px); } .dashboard-section__full-detail-list-header { display: table; } .dashboard-section__full-detail-list-header > div { display: table-cell; } .dashboard-section__full-detail-list { padding-bottom: 8px !important; } .dashboard-section__full-detail-list li { display: table; } .dashboard-section__full-detail-list li > div { display: table-cell; vertical-align: middle; padding-top: 5px; padding-bottom: 5px; } .dashboard-section__full-detail-list li > div.image { padding-top: 0; padding-bottom: 0; } } /* Charts / Graphs ----------------------------------------------------------- */ .graph-placeholder { position: relative; } .graph-placeholder canvas { opacity: 0.7; pointer-events: none; } .graph-placeholder .chart-no-data { color: #333; font-size: 16px; position: absolute; text-align: center; max-width: 234px; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: -0; background: #fff; padding: 10px; border-radius: 3px; box-shadow: 0 0 4px rgba(0,0,0,0.2); } .graph-placeholder.graph-type-line .chart-no-data { margin-top: -29px; } /* Some aol prompt style overrides */ .standard_page div.aolprompt { width: 500px; } .standard_page div.aolprompt .aolpromptmessage { padding: 30px; max-height: 500px; overflow: auto; } .standard_page div.aolprompt .aolpromptmessage h2 { letter-spacing: normal; text-transform: none; font-size: 24px; margin-bottom: 24px; } .standard_page div.aolprompt .aolpromptmessage p { margin-bottom: 15px; } .standard_page div.aolprompt .aolpromptmessage ul { margin: 20px 0 20px 15px; padding: 0; } .standard_page div.aolprompt .aolpromptmessage ul li { margin-bottom: 0.5em; } .aolpromptbuttons button[value="false"] span { border: none !important; } .standard_page div.aolprompt .aolpromptmessage .dashboard-section__icon-grid { margin: 0 auto; max-width: 375px; } .standard_page div.aolprompt .aolpromptmessage .dashboard-section__icon-grid li { margin: 0; } .standard_page div.aolprompt .aolpromptmessage .dashboard-section__icon-grid li a { padding: 0 15px; } /* System updats list ----------------------------------------------------------- */ ul#system_updates_list > li { padding: 10px 0; box-sizing: border-box; border-left: 2px solid #a5d4ef; } ul#system_updates_list > li .system-update-preview{ display: flex; align-items: center; position: relative; user-select: none; } ul#system_updates_list > li .date { min-width: 70px; min-height: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-transform: uppercase; font-size: 11px; letter-spacing: 1.5px; color: #999; padding: 0 10px; box-sizing: border-box; } ul#system_updates_list > li .date * { color: #999; } ul#system_updates_list > li .date .day{ font-size: 24px; letter-spacing: 0; } ul#system_updates_list > li .date .month{ font-size: 11px; letter-spacing: 1.5px; } ul#system_updates_list > li .system-update-event{ font-weight: 500; font-size: 14px; } ul#system_updates_list > li .long-message { padding: 18px; line-height: 1.7em; } ul#system_updates_list > li .long-message ul { padding: 10px 0; } ul#system_updates_list > li .long-message ul li { line-height: 1.7em; } ul#system_updates_list > li .system-update-reveal-icon { position: absolute; right: 0; top: 50%; height: 10px; margin-top: -6px; font-weight: 200; color: #999; } ul#system_updates_list > li .system-update-reveal-icon * { color: inherit; font-weight: inherit; } ul#system_updates_list > li .system-update-reveal-icon.hide, ul#system_updates_list > li.accordion__tab--open .system-update-reveal-icon.show{ display:none; } ul#system_updates_list > li.accordion__tab--open .system-update-reveal-icon.hide { display:block; } .accordion__tab__content { overflow: hidden; box-sizing: border-box; height: 100%; max-height: 0; transition: 0.4s ease all; } /* Related field data container ----------------------------------------------------------- */ #related_field_data_container .left { float: none; } #related_field_data_container .multiple_datasource_label { margin: 10px 0; } #related_field_data_container .field { width: 95% !important; } #related_field_data_container .searchable_container span > div[id$="_selector"] { display: inline-block; margin-right: 20px; } /* Page browser ----------------------------------------------------------- */ body.records_page.page-records #content.subsection-pages { position: relative; overflow: hidden; } body.records_page.page-records #content.subsection-pages > div.left { float: right; padding: 0; width: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.4s cubic-bezier(.87,.17,.18,.85); -moz-transition: width 0.4s cubic-bezier(.87,.17,.18,.85); transition: width 0.4s cubic-bezier(.87,.17,.18,.85); position: absolute; top: 0; right: 0; padding-left: 0; } body.records_page.page-records #content.subsection-pages.preview-pane-active > div.left { width: 30%; padding-left: 30px; } body.records_page.page-records #content.subsection-pages > div.left.pr20 { padding: 0; width: 100%; float: left; position: static; } body.records_page.page-records #content.subsection-pages.preview-pane-active > div.left.pr20 { width: 70%; } body.records_page.page-records #container.preview-pane-active #footer { width: 100%; } #content.subsection-pages .flpp .tr, #content.subsection-pages .flpp .tl, #content.subsection-pages .flpp .bl, #content.subsection-pages .flpp .br { background: none !important; } #content.subsection-pages .ui-jqgrid.odd_row_classes_added tr.ui-row-ltr.odd_row, #content.subsection-pages .ui-jqgrid.odd_row_classes_added tr.ui-row-ltr.odd_row td { background: #fbfbfc !important; } #content.subsection-pages .ui-jqgrid.odd_row_classes_added tr.ui-row-ltr:not(.odd_row), #content.subsection-pages .ui-jqgrid.odd_row_classes_added tr.ui-row-ltr:not(.odd_row) td { background: transparent !important; } #content.subsection-pages .ui-pager-control { padding-top: 28px; z-index: 11; max-width: 170px; } #content.subsection-pages ~ #footer { left: 0; width: 100%; max-width: none; } #content.subsection-pages ~ #footer .inner { width: 100%; max-width: 1280px; padding: 0 40px; margin: 0 auto; box-sizing: border-box; } #content.subsection-pages ~ #footer #right_of_buttons_below_1 { display: flex; justify-content: space-between; width: 100%; padding-right: 0; } #content.subsection-pages ~ #footer #right_of_buttons_below_1 .hide_disabled_rows_switch { padding-right: 0; padding-top: 12px; } #content.subsection-pages.pagination_visible ~ #footer #right_of_buttons_below_1 .hide_disabled_rows_switch { padding-right: 180px; } #content.subsection-pages ~ #footer #right_of_buttons_below_1 .hide_disabled_rows_switch { opacity: 1; visibility: visible; transition: opacity 0.5s; transition-delay: 0.5s; } #content.subsection-pages.preview-pane-active ~ #footer #right_of_buttons_below_1 .hide_disabled_rows_switch { padding-right: 30%; opacity: 0; visibility: hidden; transition: opacity 0.5s; } #content.subsection-pages.pagination_visible.preview-pane-active ~ #footer #right_of_buttons_below_1 .hide_disabled_rows_switch { padding-right: calc(30% + 110px); } #content.subsection-pages ~ #footer #right_of_buttons_below_1 .hide_disabled_rows_switch .fieldrow .field_type_bool.field_type_switch.field .fl label { display: block; padding-top: 4px; padding-right: 11px; font-size: 13px; color: #888; letter-spacing: 0; } body.records_page.page-records #content.subsection-pages > div.left.pages-preview-pane-container { z-index: 11; max-height: 100%; display: flex; margin-bottom: 1px; overflow-x: hidden; padding-bottom: 15px; padding-left: 30px; visibility: hidden; -webkit-transition: visibility 0.4s, width 0.4s cubic-bezier(.87,.17,.18,.85); -moz-transition: visibility 0.4s, width 0.4s cubic-bezier(.87,.17,.18,.85); transition: visibility 0.4s, width 0.4s cubic-bezier(.87,.17,.18,.85); } body.records_page.page-records #content.subsection-pages.preview-pane-active > div.left.pages-preview-pane-container { visibility: visible; } #content.subsection-pages .pages-preview-pane-container-border { height: auto; width: 100%; display: block; border: 1px solid #eee; overflow: hidden; } #content.subsection-pages .pages-preview-pane-container-inner { width: 100%; overflow-y: scroll; max-height: 100%; padding-right: 20px; margin-right: -20px; } #content.subsection-pages #previewPane { /*box-shadow: 0 0 5px rgba(0,0,0,0.2);*/ position: relative; overflow: hidden; background: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border-raius: 2px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #content.subsection-pages #previewPane table { width: 100%; } #preview_pane_container, #preview_frame, #preview { width: 100%; height: auto !important; } #preview_pane_container .fieldrow .field_type_bool.field_type_switch.field .left.fl label { display: block; } #previewPane table tr:first-of-type td.tr, #previewPane table tr:last-of-type { display: none; } #previewPane table td { padding: 0; } #previewPane .cpad { margin: 0; } #pp_content #pp_close { display: block; top: 12px; right: 9px; } #pp_content .row.pp_heading_row { border-bottom: 1px solid #eee; padding: 19px 17px; position: relative; } #pp_content h3 { font-family: 'ProximaNova', Sans-Serif; font-weight: 200 !important; color: #111; font-size: 17px !important; font-style: normal; text-transform: none; letter-spacing: 1.51px; margin-bottom: 0; text-transform: uppercase; } #pp_content .row.pp_is_live_row { position: relative; padding: 19px 17px; } #pp_content .row.pp_is_live_row .page_locked_icon, #pp_content .row.pp_is_live_row .page_locked_tooltip { display: none; } #pp_content .row.pp_is_live_row.page_is_locked .page_locked_icon { display: block; position: absolute; top: 8px; right: 0; font: normal normal 300 14px/1 FontAwesome; font-size: 13px; color: #C6C6C6; display: inline-block; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #pp_content .row.pp_is_live_row.page_is_locked .page_locked_icon:hover .page_locked_tooltip { display: block; font-size: 12px; padding: 8px 12px; color: #8F8F8F; position: absolute; right: 14px; top: -32px; width: 70px; background-color: white; border: 1px solid #DFDFDF; border-radius: 2px; font-family: 'ProximaNova', Sans-Serif; box-shadow: 1px 1px 3px #DFDFDF; } #pp_content .row.pp_copy_to_enclosed_row { padding: 0 17px 15px 14px; } #pp_content .row.pp_page_heading_row { border-top: 1px solid #eee; padding: 19px 17px 15px 17px; } #pp_content .row.pp_page_heading_row.no-top-border { border-top: none; } #pp_content .row.pp_filename_row { padding: 0 17px 19px 17px; } #pp_content .row.pp_onsubnav_row { border-top: 1px solid #eee; padding: 19px 17px 19px 17px; } #pp_content .row.pp_nav_label_row { border-bottom: 1px solid #eee; padding: 0 17px 19px 17px; } #pp_content .row.page_content_type_container { padding: 19px 17px; border-bottom: 1px solid #eee; } #pp_content .row.page_content_type_container .page_content_type_inner { background-color: #E7F5FF; border: 1px solid #95D5FF; border-radius: 2px; color: #005D9B; padding: 15px; } #pp_content .row.page_content_type_container .page_content_type_heading { display: flex; font-size: 11.5px; color: #005D9B; letter-spacing: 0.9px; text-transform: uppercase; margin-bottom: 9px; } #pp_content .row.page_content_type_container .page_content_type_heading:before { content: "\f0d0"; font: normal normal 300 14px/1 FontAwesome; font-size: 13px; margin-right: 10px; color: #115B99; display: block; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #pp_content .row.page_content_type_container .page_content_type_description { font-size: 12px; color: #005D9B; letter-spacing: 0; line-height: 21px; } #pp_content .row.pp_buttons_row { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 19px 17px 19px 17px; } #pp_content .row.pp_buttons_row li, #pp_content .row.pp_buttons_row li a { float: none; } #pp_content .row.pp_buttons_row li a { padding-left: 27px!important; padding-right: 27px!important; line-height: 23px; height: 39px; } #pp_content .row.pp_buttons_row .edit_page a, #pp_content .row.pp_buttons_row .edit_page a:visited { font-size: 12px; text-transform: uppercase; color: #868686; letter-spacing: 1px; } #pp_content .row.pp_buttons_row .edit_page a:hover { color: #111; } .pen_and_paper { background: none; padding: 0; } #right_of_buttons_below_1 > div:nth-of-type(1) { padding: 6px 20px 0 0; } .pagebrowser-item { padding-left: 5px !important; } .pagebrowser-page, .pagebrowser-folder { background: none !important; } .pagebrowser-page:before { content: "\f15b"; font: normal normal 300 14px/1 FontAwesome; font-size: 14px; color: #888; margin-right: 10px; width: 20px; display: inline-block; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pagebrowser-page.pagebrowser-disabled { opacity: 0.5; } .pagebrowser-folder:before { content: "\f07b"; font: normal normal 300 14px/1 FontAwesome; font-size: 15px; color: #888; margin-right: 10px; width: 20px; display: inline-block; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pagebrowser-folder.pagebrowser-disabled { opacity: 0.5; } .pagebrowser-indented.pagebrowser-row1 { background: none !important; padding-left: 5px; } .pagebrowser-indented.pagebrowser-row1 .pagebrowser-firstpage { background: none !important; } .pagebrowser-indented.pagebrowser-row1 .pagebrowser-firstpage:before { background: none !important; content: "\f07c"; font: normal normal 300 14px/1 FontAwesome; font-size: 15px; color: #888; margin-right: 10px; width: 20px; display: inline-block; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #pp_tabs > ul { display: none; } /* Preferences ----------------------------------------------------------- */ #preferences_container { max-width: 900px; opacity: 1; transition: opacity 0.4s ease-in; box-sizing: border-box; } #preferences_container.transparent { opacity: 0; transition-duration: 0.1s; } #preferences-sidebar ~ #preferences_container { width: 75%; margin-left: 25%; float: left; clear: none; } #preferences_container h1 { padding-top: 10px; width: auto; } #preferences-navigation-reveal { pointer-events: none; } #preferences_container #preferences-navigation-reveal .menu-icon { display: none; } .subsection-preferences #preferences_container #preferences-navigation-reveal .menu-icon{ display: none; height: 22px; width: 20px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNnB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyNiAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4gICAgICAgIDxnIGlkPSJjbXMtbWVudSIgc3Ryb2tlPSIjOTc5Nzk3Ij4gICAgICAgICAgICA8cGF0aCBkPSJNMC41Nzg1MTIzOTcsMC45MDkwOTA5MDkgTDI0Ljg3NjAzMzEsMC45MDkwOTA5MDkiIGlkPSJMaW5lIj48L3BhdGg+ICAgICAgICAgICAgPHBhdGggZD0iTTAuNTc4NTEyMzk3LDEwIEwyNC44NzYwMzMxLDEwIiBpZD0iTGluZS1Db3B5Ij48L3BhdGg+ICAgICAgICAgICAgPHBhdGggZD0iTTAuNTc4NTEyMzk3LDE5LjA5MDkwOTEgTDI0Ljg3NjAzMzEsMTkuMDkwOTA5MSIgaWQ9IkxpbmUtQ29weS0yIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); } .subsection-preferences #preferences_container #preferences-navigation-reveal .menu-icon.close { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMXB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyMSAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4gICAgICAgIDxnIGlkPSJHcm91cCIgc3Ryb2tlPSIjOTc5Nzk3Ij4gICAgICAgICAgICA8cGF0aCBkPSJNMC40MDM4NDYxNTQsMTkuNSBMMjAuNTk2MTUzOCwwLjUiIGlkPSJMaW5lLTIiPjwvcGF0aD4gICAgICAgICAgICA8cGF0aCBkPSJNMC40MDM4NDYxNTQsMTkuNSBMMjAuNTk2MTUzOCwwLjUiIGlkPSJMaW5lLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjUwMDAwMCwgMTAuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMC41MDAwMDAsIC0xMC4wMDAwMDApICI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); background-size: 16px 16px; } #preferences_fields .first .heading:first-child, #preferences_fields .first h3:first-of-type { border-top: 0; padding-top: 0; } #preferences_fields h2 { border-top: 1px solid #eee; padding: 30px 0 0; margin: 30px 0 30px; font-size: 21px; } #preferences_fields h3, #website_build_app h3, #preferences_fields h3 { border-top: 1px solid #eee; padding: 30px 0 0; margin: 30px 0 30px; } #preferences-sidebar .dev_only_preview_hide, #preferences_fields .dev_only_preview_hide { display:none !important; } #preferences_fields .fieldscontainer { border: 0; background: none; padding: 0; margin-top: 30px; } #preferences_fields .fieldrow.field_type_hidden { display: none; } #preferences_fields .fieldrow label { width: 20%; text-align: left; padding: 6px 15px 0 0; } #preferences_fields .fieldscontainer h4 { padding-left: 0; margin: 20px 0 25px; padding-top: 10px; text-transform: uppercase; letter-spacing: 1.5px; color: #aaa; } #preferences_fields .fieldscontainer h4:before { left: 0; right: 0; display: none; } #preferences_fields .fieldrow .field_note { margin-left: 20%; width: 80%; } #preferences_fields .fieldrow .field_note.note_panel { padding: 15px 25px; margin-top: 10px; } #preferences_fields .fieldrow .field_note.note_panel.note_panel_message { padding-left: 20px; position:relative; } #preferences_fields .fieldrow .field_note.note_panel.note_panel_warning { color: #e78d00; } #preferences_fields .fieldrow .field_note.note_panel.note_panel_warning a { color: #b87100; } #preferences_fields .fieldrow .field_note.note_panel.note_panel_success { color: #EFF9E3; } #preferences_fields .fieldrow .field_note.note_panel.note_panel_success a { color: #EFF9E3; } #preferences_fields .fieldrow .field_note.note_panel.note_panel_error { color: #ab0000; } #preferences_fields .fieldrow .field_note.note_panel.note_panel_error a { color: #ab0000; } #preferences_fields .fieldrow .field { width: 80%; } #preferences_fields .fieldrow .field .multi_field div input[type='checkbox'] + label:before { content: '.'; display: inline-block; width: 20px; height: 20px; padding: 0; margin: 0 6px 0 0; background: #efefef; /* box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1); */ border: 1px solid #eaeaea; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-transition: border 0.2s ease-in-out, background 0.2s ease-in-out; -webkit-transition: border 0.2s ease-in-out, background 0.2s ease-in-out; transition: border 0.2s ease-in-out, background 0.2s ease-in-out; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font: normal normal normal 12px/1 FontAwesome; -webkit-font-smoothing: antialiased; line-height: 18px; text-indent: -9999px; text-align: left; } #preferences_fields .fieldrow .field .multi_field div input[type='checkbox']:checked + label:before { background: #78C7FB; box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1); border-color: #78C7FB; color: #fff; content: "\f00c"; text-indent: 0; text-align: center; } #preferences_fields .fieldrow .field .mce_container, #preferences_fields .fieldrow .field .mce_container > span > table { width: 100% !important; } .field_type_colorpicker .sp-replacer { width: 76px; } .field_type_colorpicker .sp-preview { background-color: transparent !important; width: 50px; } .field_type_colorpicker .sp-preview-inner.sp-clear-display { line-height: 14px; background: none; } .field_type_colorpicker .sp-clear-display::after { content: "default" !important; } .field_type_colorpicker { } .field_type_colorpicker .field { position: relative; min-height: 33px; } .field_type_colorpicker .field .sp-replacer { position: absolute; top: 0; left: 0; min-height: 25px; } .field_type_colorpicker .field .preferences-colour-text-preview { padding-left: 95px; } .field_type_colorpicker .field input.textcolor_demo { width: 100%; } .field_type_colorpicker .field input.textcolor_demo.off { display: none; } .field_type_slider { } .field_type_slider .field .preferences-font-size-preview { /*padding-right: 95px;*/ padding-top: 10px; } .field .font-preview input { margin: 10px 0; } .field .font-preview input, .field_type_slider .field input.body_font_size_demo { width: 100%; padding: 12px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; background: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: block; float: right; text-align: center; height: 60px; margin-bottom: 10px; } .ui-widget-content .ui-state-default.ui-slider-handle, .ui-timepicker-div .ui-widget-content .ui-state-default.ui-slider-handle { background: #fff; border: 1px solid #bdbdbd; height: 16px; width: 16px; cursor: grab; border-radius: 200%; transition: background 400ms linear; } .ui-widget-content .ui-state-default.ui-slider-handle:hover, .ui-timepicker-div .ui-widget-content .ui-state-default.ui-slider-handle:hover { background: #efefef; } /* Preferences docked ----------------------------------------------------------- */ body.docked_page #page_container { min-width: 0; } body.docked_page #page_header .inner { min-width: 0; padding: 35px 0 20px; min-height: 34px; } body.docked_page #preferences_fields div:first-child h3:first-child { border-top: 0; padding-top: 0; /*margin-top: 0;*/ } body.docked_page #preferences_container { max-width: none; width: 100%; } /* Preferences sidebar ----------------------------------------------------------- */ #preferences-sidebar { float: left; /*width: calc(25% - 65px);*/ margin-right: 65px; padding: 0 15px; border: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; position: fixed; top: 130px; width: 235px; -webkit-overflow-scrolling: touch; max-height: calc(100vh - 230px); overflow: auto; } body.docked_page #preferences-sidebar { top: 110px; } #preferences-sidebar .category-heading { border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 0 -15px; padding: 13px 15px 11px; } #preferences-sidebar .category-heading:first-child { border-top: none; } #preferences-sidebar ul { list-style-type: none; padding: 12px 0 20px; margin: 0; } #preferences-sidebar ul li { line-height: 26px; } #preferences-sidebar a { color: #888; display: block; } #preferences-sidebar a.active, #preferences-sidebar a:hover, #preferences-sidebar a:focus { color: #111; } #preferences-sidebar a.active { font-weight: normal; } #preferences-sidebar a .fa { font-size: 10px; } body.page-pages.preferences_page #footer { z-index: 17; } /* Styles pane ----------------------------------------------------------- */ .subsection-styles #preferences_container { margin-top: -20px; } .subsection-styles #preferences_container #preferences_fields div:first-child h3:first-child { margin-top: 0; } /* Site launch audit ----------------------------------------------------------- */ .site-launch-audit { max-width: 800px; } .site-launch-audit #preferences_container { margin-bottom: 40px; } .site-launch-audit #preferences_container .fieldscontainer { margin-top: 17px; } .site-launch-audit #preferences_fields .fieldrow:not(:last-child) { border-bottom: 1px solid #eee; padding-bottom: 21px; } .site-launch-audit #preferences_fields .fieldrow.field_type_bool .field input[type="checkbox"] + label { width: 20px; height: 20px; background-color: #eee; border: none; box-shadow: none; } .site-launch-audit #preferences_fields .fieldrow.field_type_bool .field input[type="checkbox"]:checked + label { background-color: #8AC4F5; box-shadow: none; } .site-launch-audit #preferences_fields .fieldscontainer .fieldrow.field_type_bool .field input[type="checkbox"] + label::after { color: #fff; content: ""; text-indent: 0; text-align: center; background: none; width: 20px; height: 20px; top: 0; left: 0; right: 0; border: none; font: normal normal normal 12px/1 FontAwesome; box-shadow: none; line-height: 20px; } .site-launch-audit #preferences_fields .fieldscontainer .fieldrow.field_type_bool .field input[type="checkbox"]:checked + label::after { content: "\f00c"; -webkit-animation: squish 290ms ease-in; -moz-animation: squish 290ms ease-in; -ms-animation: squish 290ms ease-in; -o-animation: squish 290ms ease-in; animation: squish 290ms ease-in; } .site-launch-audit #preferences_fields .fieldrow.field_type_bool .field input[type="checkbox"] + label::before { display: none; } .site-launch-audit #preferences_fields .fieldrow label { width: calc(100% - 25px); } .site-launch-audit #preferences_fields .fieldrow.field_type_datepicker label { width: calc(100% - 167px); } .site-launch-audit #preferences_fields .fieldrow .select_menu_container { margin-top: 10px; } .site-launch-audit #preferences_fields .fieldrow.field_type_datepicker .field { width: auto; } .site-launch-audit .automatic_checks { margin-bottom: 50px; } .site-launch-audit .checklist { max-width: 900px; padding: 0; margin: 0 auto 30px 0; list-style: none; } body.docked_page .site-launch-audit .checklist { max-width: none; } .site-launch-audit .checklist li { position: relative; padding: 23px 0; border-bottom: 1px solid #eee; } .site-launch-audit .checklist li:last-child { border-bottom: none; } .site-launch-audit .checklist li::after { content: '.'; position: absolute; right: 0; top:21px; width: 20px; height: 20px; padding: 0; margin: 0 6px 0 0; background: #efefef; /* box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1); */ border: 1px solid #eaeaea; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-transition: border 0.2s ease-in-out, background 0.2s ease-in-out; -webkit-transition: border 0.2s ease-in-out, background 0.2s ease-in-out; transition: border 0.2s ease-in-out, background 0.2s ease-in-out; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font: normal normal normal 12px/1 FontAwesome; -webkit-font-smoothing: antialiased; line-height: 18px; text-indent: -9999px; text-align: left; } .site-launch-audit .checklist li.passed::after { background: #78C7FB; box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1); border-color: #78C7FB; color: #fff; content: "\f00c"; text-indent: 0; text-align: center; -webkit-animation: squish 290ms 0.5s ease-in; -moz-animation: squish 290ms 0.5s ease-in; -ms-animation: squish 290ms 0.5s ease-in; -o-animation: squish 290ms 0.5s ease-in; animation: squish 290ms 0.5s ease-in; } /* Translations window ----------------------------------------------------------- */ body#editwin_body.translation #header { margin: 0; padding: 20px 0; background: #fff; border-bottom: 1px solid #eee; position: fixed; top: 0; left: 20px; right: 20px; z-index: 2000; min-height: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; } #editwin_body.translation h1 { padding: 0 0 0; width: 100%; margin: 0; max-width: 500px; text-align: left; } #editwin_body.translation h1 #heading { text-transform: inherit; letter-spacing: inherit; text-align: left; } #editwin_body.translation .f2 .fieldscontainer { margin-top: 0; } #editwin_body.translation .f2 .fieldrow { padding-left: 20px; padding-right: 20px; } #editwin_body.translation #footer { left: 20px; right: 20px; } /* Edit window ----------------------------------------------------------- */ body#editwin_body { padding: 0; height: auto; overflow: auto !important; } body#editwin_body.docked_page { padding-top: 0; } body#editwin_body.docked_page #content-inner { padding-top: 40px; } body#editwin_body.docked_page .fieldscontainer { padding-top: 0; margin-top: 0; } body#editwin_body #page_container { padding: 0; min-width: 0; max-width: none; } body#editwin_body #header { margin: 0; padding: 35px 0 20px; background: #fff; border-bottom: 1px solid #eee; position: fixed; top: 0; left: 30px; right: 30px; z-index: 2000; min-height: 90px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body#editwin_body.docked_page #header { /*display: none;*/ } #editwin_body .clearlooks2 { width: 100% !important; max-width: calc(100vw - 100px); max-height: calc(100vh - 95px); position: fixed !important; transform: translate(-50%, -50%); top: 50% !important; left: 50% !important; } #editwin_body .clearlooks2 .mceWrapper.mceResizable.mceMaximizable.mceMovable.mceFocus .mceMiddle span iframe { max-height: calc(100vh - 120px) !important; width: 100% !important; max-width: calc(100vw - 100px); } #editwin_body h1, #docked-heading h1 { padding: 0 0 0; width: 100%; margin: 0 auto; display: block; max-width: 500px; text-align: center; line-height: 16px; font-family: 'ProximaNova', Sans-Serif; font-weight: 200; color: #111; } #editwin_body h1 #heading, #docked-heading h1 #heading { font-family: 'ProximaNova', Sans-Serif; font-weight: 200; color: #111; font-size: 16px; -webkit-font-smoothing: subpixel-antialiased; letter-spacing: 2px; text-transform: uppercase; text-align: center; letter-spacing: 0; text-transform: none; } #editwin_body h1 #section_name, #docked-heading h1 #section_name { font-family: 'ProximaNova', Sans-Serif; font-weight: 200; color: #aaa; font-size: 14px; -webkit-font-smoothing: subpixel-antialiased; letter-spacing: 2px; text-transform: uppercase; text-align: center; position: relative; margin-right: 8px; padding-right: 12px; } #editwin_body h1 #section_name:before, #docked-heading h1 #section_name:before { content: '.'; border-left: 1px solid #ccc; top: 2px; right: 0; text-indent: -9999px; bottom: 2px; display: block; position: absolute; } #editwin_body h1 #section_name:after, #docked-heading h1 #section_name:after { content: ''; display: none; } #editwin_body h1 #section_name.no_page_name, #docked-heading h1 #section_name.no_page_name { margin-right: 0; padding-right: 0; } #editwin_body h1 #section_name.no_page_name:before, #docked-heading h1 #section_name.no_page_name:before { display: none; } #pp_close, #page_header_tools_close, #page_container #editwin_close, #editwin_body #editwin_close { position: absolute; top: 9px; right: 40px; height: 30px; width: 30px; background: none; font-family: inherit; cursor: pointer; outline: none; position: absolute; top: 0; height: 33px; width: 33px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImNsb3NlLWJ0biIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMzI0MTE2LCAxNy4zMjQxMTYpIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC0xOC4zMjQxMTYsIC0xNy4zMjQxMTYpIHRyYW5zbGF0ZSg1LjgyNDExNiwgNS4zMjQxMTYpIiBmaWxsPSIjOTA5MDkwIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxMiIgeT0iMS4xMzY4NjgzOGUtMTMiIHdpZHRoPSIxIiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCAxMi4wMDAwMDApIHJvdGF0ZSgtMjcwLjAwMDAwMCkgdHJhbnNsYXRlKC0xMi41MDAwMDAsIC0xMi4wMDAwMDApICIgeD0iMTIiIHk9IjEuMTM2ODY4MzhlLTEzIiB3aWR0aD0iMSIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 50% 50% no-repeat; background-size: 33px 33px; top: 50%; margin-top: -17px; } #pp_close:after, #page_header_tools_close:after, #page_container #editwin_close:after, #editwin_body #editwin_close:after { content: '.'; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; } #editwin_body #editwin_close { right: 0; } #page_header_tools_close { } #pp_close { top: 15px; right: 15px; margin: 0; } #editwin_body h1 span#heading { padding: 0; white-space: nowrap; } #editwin_body #content-outer { margin: 0; padding: 90px 0 90px; } #editwin_body #content-inner { padding: 0 20px 20px 20px; padding: 0; } #editwin_body #content-inner:after { clear: both; display: block; content: '.'; overflow: hidden; text-indent: -9999px; } #editwin_body #content { border: 0; overflow: visible !important; height: auto !important; /*position: absolute; z-index: 0; top: 39px; left: 0; right: 0; bottom: 53px;*/ } #editwin_body #footer { margin: 0; padding: 0 0; background: #fff; border-top: 1px solid #eee; z-index: 2000; position: fixed; bottom: 0; left: 30px; right: 30px; min-height: 70px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #editwin_body #footer #footer-inner { padding: 20px 0; } #editwin_body #footer #footer-inner .squarebtns > div { margin: 0 !important; } #edit_screen_sidebar_pane { position: fixed; z-index: 500; top: 90px; padding: 40px 0; overflow: auto; bottom: 76px; right: 30px; width: 260px !important; /* top: 90px; bottom: 70px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-width: 0 0 0 1px; */ } #edit_screen_visibility_header { width: 100%; padding: 17px 0 0; margin-top: -15px; float: left; } #edit_screen_visibility_header .fieldrow, .f2 #edit_screen_visibility_header .fieldrow { width: auto; float: left; } #edit_screen_visibility_header_status { float: left; border-radius: 2px; border: 1px solid #ddd; background: #fff; padding: 2px 2px 2px 4px; font-weight: normal; font-size: 11px; color: #aaa; text-transform: uppercase; letter-spacing: 1.5px; } #edit_screen_visibility_header_button { float: right; margin-top: -8px; pointer-events: none; } #edit_screen_visibility_pane .note_panel { padding: 12px 15px 05px; } #edit_screen_visibility_pane .squarebtns, #edit_screen_visibility_pane .squarebtns li, #edit_screen_visibility_pane .squarebtns li a { width: 100%; } #edit_screen_visibility_pane .squarebtns.squarebtns_align_left, #edit_screen_visibility_pane .squarebtns.squarebtns_align_left li, #edit_screen_visibility_pane .squarebtns.squarebtns_align_left li a { width: auto; text-align: left; margin: 0 10px 0 0 !important; cursor: pointer; } #edit_screen_visibility_pane .squarebtns li a.btnloader { line-height: 200px; overflow: hidden; position: relative; } #edit_screen_visibility_pane .squarebtns li a.btnloader:after { line-height: 200px; overflow: hidden; width: 30px; height: 30px; background: url(/lib/archimedes/images/spinner-1s-200px.gif) center center no-repeat; background-size: contain; opacity: 0.4; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; display: block; } #edit_screen_visibility_pane .squarebtns li { margin: 0 0 8px !important; } #edit_screen_visibility_pane .squarebtns.simplified li { margin: 0 0 0 !important; } .f2 #edit_screen_visibility_pane .fieldrow.fieldrow_type_subheading, .f2 #edit_screen_visibility_pane .fieldrow.fieldrow_type_subheading .field { border-top: 0; padding-top: 0; margin-top: 0; } #edit_screen_protected_path_submit_button { } #edit_screen_visibility_pane .edit_screen_schedule_advanced_wrapper { display: none; width: 100%; } #edit_screen_visibility_pane .edit_screen_schedule_advanced_wrapper.active { display: block; } #edit_screen_visibility_pane .edit_screen_schedule_advanced { clear: both; border-top: 1px solid #eee; padding: 15px 0 0; margin: 0 0 12px; opacity: 0; } #edit_screen_visibility_pane .edit_screen_schedule_advanced .fieldrow { float: left; clear: both; width: 100%; margin: 0 0 10px; } #edit_screen_visibility_pane .edit_screen_visibility_advanced { clear: both; } #edit_screen_visibility_pane .edit_screen_visibility_field { float: left; clear: both; width: 100%; border-top: 1px solid #eee; padding: 15px 0 0; } #edit_screen_visibility_pane.field_pane_no_id .edit_screen_visibility_field:last-child { border-bottom: 0; margin: 0; } #edit_screen_visibility_pane .edit_screen_visibility_field .field { width: 100% !important; } #edit_screen_visibility_pane .edit_screen_visibility_field .fieldrow .field_type_bool.field_type_switch.field .left.fl label { display: block; } #edit_screen_visibility_pane .edit_screen_visibility_text_content { padding: 0 15px 0; } #edit_screen_visibility_pane .edit_screen_visibility_text_content div:not(:first-child) { margin-left: 30px; margin-top: 2px; } #edit_screen_visibility_pane .edit_screen_visibility_field_inner { float: left; clear: both; width: 100%; } #edit_screen_visibility_pane .edit_screen_visibility_field_inner .field > .left { padding-right: 0; max-width: 80%; } #edit_screen_visibility_pane #edit_screen_visibility_button { float: none; clear: both; margin: 0; padding: 15px 15px 7px; border-top: 1px solid #eee; } #edit_screen_visibility_pane #edit_screen_visibility_button .fcontent-inner { padding: 0; } #edit_screen_visibility_pane #edit_screen_visibility_button div.field { width: auto !important; } #edit_screen_visibility_pane.edit_screen_visibility_pane_live #edit_screen_visibility_button .squarebtns li { width: auto !important; } #edit_screen_visibility_pane.edit_screen_visibility_pane_live #edit_screen_visibility_button .squarebtns li:nth-child(2) { float: right; } #edit_screen_visibility_schedule_wrapper { width: 100%; float: left; clear: both; } #edit_screen_visibility_pane #edit_screen_visibility_schedule { padding-bottom: 12px; cursor: pointer; } #edit_screen_visibility_pane #edit_screen_visibility_schedule .fa { font-size: 16px; color: #aaa; float: left; margin: 0 12px 0 0; width: 18px; text-align: center; font-weight: 300; line-height: 14px; } #edit_screen_visibility_status_wrapper { width: 100%; float: left; clear: both; } #edit_screen_visibility_pane #edit_screen_visibility_status { padding-bottom: 12px; } #edit_screen_visibility_pane #edit_screen_visibility_status .fa { font-size: 16px; color: #aaa; float: left; margin: 0 12px 0 0; width: 18px; text-align: center; font-weight: 300; } #edit_screen_visibility_pane #edit_screen_visibility_header_status_scheduled, #edit_screen_visibility_pane #edit_screen_visibility_status_scheduled { color: orange; } #edit_screen_visibility_pane #edit_screen_visibility_header_status_expired, #edit_screen_visibility_pane #edit_screen_visibility_status_expired { color: red; } #edit_screen_visibility_pane #edit_screen_visibility_header_status_draft, #edit_screen_visibility_pane #edit_screen_visibility_status_draft { color: orange; } #edit_screen_visibility_pane #edit_screen_visibility_header_status_live, #edit_screen_visibility_pane #edit_screen_visibility_status_live { color: #499214; } #edit_screen_visibility_additional_fields_js { display: none; clear: both; padding: 15px 0 0; border-top: 1px solid #eee; } #edit_screen_visibility_additional_fields { padding: 15px 0 0; border-top: 1px solid #eee; clear: both; } #edit_screen_visibility_protect_wrapper { width: 100%; float: left; clear: both; } #edit_screen_visibility_pane #edit_screen_visibility_protect { padding-bottom: 12px; cursor: pointer; } #edit_screen_visibility_pane #edit_screen_visibility_protect .fa { font-size: 16px; color: #aaa; float: left; margin: 0 12px 0 0; width: 18px; text-align: center; font-weight: 300; line-height: 14px; } #edit_screen_visibility_pane #edit_screen_visibility_protect_locked, #edit_screen_visibility_pane #edit_screen_visibility_protect_locked_password, #edit_screen_visibility_pane #edit_screen_visibility_protect_locked_registration, #edit_screen_visibility_pane #edit_screen_visibility_protect_locked_password_cached, #edit_screen_visibility_pane #edit_screen_visibility_protect_live.protection_type_inherited { color: orange; } #edit_screen_visibility_pane #edit_screen_visibility_protect_draft { color: red; } #edit_screen_visibility_pane #edit_screen_visibility_protect_live { color: #499214; color: #aaa; } #edit_screen_visibility_protect_user_signup_count { display: inline-block; margin-left: 7px; opacity: 1; color: #aaa; } #edit_screen_visibility_protect_user_signup_count:hover { color: #111; } #edit_screen_visibility_pane #edit_screen_visibility_protect #edit_screen_visibility_protect_user_signup_count .fa { font-size: 12px; margin: 0 1px 0 0; line-height: 17px; pointer-events: none; } #edit_screen_visibility_pane #edit_screen_visibility_protect #edit_screen_visibility_protect_user_signup_count:hover .fa { color: #111; } #edit_screen_visibility_pane .edit_screen_protect_advanced_wrapper { display: none; width: 100%; } #edit_screen_visibility_pane .edit_screen_protect_advanced_wrapper.active { display: block; } #edit_screen_visibility_pane .edit_screen_protect_advanced { clear: both; border-top: 1px solid #eee; padding: 15px 0 0; margin: 0 0 12px; opacity: 0; } #edit_screen_visibility_pane .edit_screen_protect_advanced .fieldrow { float: left; clear: both; width: 100%; margin: 0 0 10px; } #edit_screen_visibility_pane .edit_screen_protect_advanced .fieldrow .edit_screen_visibility_advanced_header { font-weight: bold; } #edit_screen_visibility_pane .edit_screen_protect_advanced .revealable_area { } .f2 #edit_screen_visibility_pane .edit_screen_protect_advanced .contextual_field_area .fieldrow > label.left-column { display: block; /*margin: 0 0 4px; color: #888; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; -webkit-font-smoothing: antialiased;*/ } .f2 #edit_screen_visibility_pane .edit_screen_protect_advanced .contextual_field_area .fieldrow > label.left-column .fl { /*color: #888; font-size: 11px;*/ } .f2 #edit_screen_visibility_pane .edit_screen_protect_advanced .contextual_field_area .fieldrow .field_type_multi > .left { width: 100%; } .f2 #edit_screen_visibility_pane .edit_screen_protect_advanced .contextual_field_area .fieldrow .field_type_multi .field_type_multi_item { width: 50%; float: left; margin: 0 0 4px; } #edit_screen_visibility_navigation_wrapper { width: 100%; float: left; clear: both; } #edit_screen_visibility_pane #edit_screen_visibility_navigation { padding-bottom: 12px; cursor: pointer; } #edit_screen_visibility_pane #edit_screen_visibility_navigation .fa { font-size: 16px; color: #aaa; float: left; margin: 0 12px 0 0; width: 18px; text-align: center; font-weight: 300; } #edit_screen_visibility_pane #edit_screen_visibility_navigation_hidden { color: orange; } #edit_screen_visibility_pane #edit_screen_visibility_navigation_visible { color: #499214; } #edit_screen_visibility_pane .edit_screen_navigation_advanced_wrapper { display: none; width: 100%; } #edit_screen_visibility_pane .edit_screen_navigation_advanced_wrapper.active { display: block; } #edit_screen_visibility_pane .edit_screen_navigation_advanced { clear: both; border-top: 1px solid #eee; padding: 15px 0 0; margin: 0 0 12px; opacity: 0; } #edit_screen_visibility_pane .edit_screen_navigation_advanced .fieldrow { float: left; clear: both; width: 100%; margin: 0 0 10px; } #edit_screen_visibility_pane .edit_screen_navigation_advanced .fieldrow .field_type_bool.field_type_switch.field .left.fl label { display: block; padding: 4px 0 0 6px; } /*-----Pencil icon on hover--------*/ #edit_screen_visibility_protect, #edit_screen_visibility_schedule, #edit_screen_visibility_navigation { position: relative; } #edit_screen_visibility_protect:after, #edit_screen_visibility_schedule:after, #edit_screen_visibility_navigation:after { content: ''; cursor: pointer; display: block; position: absolute; width: 17px; height: 17px; top: 15px; right: 14px; opacity: 0; transition: opacity 0.1s ease; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wZW5jaWw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iUGVuY2lsIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUwMDAwMCwgOS41MDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTkuNTAwMDAwKSB0cmFuc2xhdGUoNi4wMDAwMDAsIDAuMDAwMDAwKSIgZmlsbD0iIzUxQThFMCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LDExLjA5NTIxNTUgTDcsMTMuMjQxMzcyNCBMMy41NTk0OTcyNiwxOC43NDczMjc3IEwwLDEzLjA1MDk0MTMgTDAsMTEgTDAsMTEuMDUwOTQxMyBMMy41NTk0OTcyNiwxNi43NDczMjc3IEw3LDExLjI0MTM3MjQgTDcsMTEuMDk1MjE1NSBaIiBpZD0iUmVjdGFuZ2xlLTEyLUNvcHktMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTA3NDU1NCwwIEwzLjAwOTI1NDQ2LDAgQzEuMzQ5NjcwNDEsMCAwLDEuMzQzMTQ1NzUgMCwzIEwwLDEzIEw3LDEzIEw3LDMgQzcsMS4zNDY1MTcxMiA1LjY1MjcxMDg5LDAgMy45OTA3NDU1NCwwIFogTTMuOTk1MTE4NSwxIEwzLjAwNDg4MTUsMSBDMS44OTM4OTk4LDEgMSwxLjg5NTQzMDUgMSwzIEw2LDMgQzYsMS44ODc3Mjk2NCA1LjEwMjM4Mzk4LDEgMy45OTUxMTg1LDEgWiBNMSwzIEw2LDMgTDYsMTMgTDEsMTMgTDEsMyBMMSwzIFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iMiIgeT0iMTUiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxIiB5PSI0IiB3aWR0aD0iNSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-repeat: no-repeat; background-size: contain; } .device-desktop #edit_screen_visibility_protect_wrapper:hover #edit_screen_visibility_protect:after, .device-desktop #edit_screen_visibility_schedule_wrapper:hover #edit_screen_visibility_schedule:after, .device-desktop #edit_screen_visibility_navigation_wrapper:hover #edit_screen_visibility_navigation:after { opacity: 1; animation: edit-screen-squish-pencil 0.3s ease; } @keyframes edit-screen-squish-pencil { 0% { transform: scale(0.2); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } /*----------------------------------*/ /* Preferences ----------------------------------------------------------- */ body.popup-window-mode { } body.popup-window-mode.records_page #container { min-width: 320px; } #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] + label { line-height: 16px; } /* Simplified page (popup etc) ----------------------------------------------------------- */ body.simplified_page #edit_screen_sidebar_pane { display: none; } body.simplified_page.edit_page_visibility_pane .f2 #fieldscontainer, body.simplified_page.edit_page_visibility_pane .f2 .fieldscontainer { padding-right: 0; margin-top: 30px; margin-bottom: 70px; } body.simplified_page .f2 .fieldrow, body.simplified_page .f2 .fieldrow.fieldrow_type_subheading { padding-left: 0; padding-right: 0; width: 99%; } body.simplified_page#editwin_body #footer { left: 0; right: 0; min-height: 0; } body.simplified_page#editwin_body #footer #footer-inner { padding-bottom: 0; } /* Unsaved changes prompt -------------------------------------------------- */ #aolpromptbox.edit_screen_unsaved_prompt #aolprompt { width: 440px; } #aolpromptbox.edit_screen_unsaved_prompt #aolprompt .aolpromptbuttons button.edit_screen_unsaved_prompt_cancel { float: left; margin-left: 0 !important; } /* ----------------------------------------------------------- Global Classes ----------------------------------------------------------- */ /* Tooltip styles -------------------------------------------------- */ #aToolTip { position: absolute; display: none; z-index: 50000; max-width: 300px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.23); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.23); -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #fff; background: #fff; padding: 7px; } #aToolTip .aToolTipContent { position:relative; margin:0; padding:0; } /* Buttons ----------------------------------------------------------- */ .btns a, .btns aflButton, .btn a.flbutton { color: #111; } /* Arrow links ----------------------------------------------------------- */ a.arrow, a.btn { background: none; padding: 0; } a.arrow, a.btn, a.arrow:visited, a.btn:visited { color: #111; } a.arrow:before, a.btn:before { display: inline-block; margin: 0 6px 0 0; content: "\f0da"; font: normal normal 900 14px/1 FontAwesome; font-size: 13px; color: #ccc; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Info icon ----------------------------------------------------------- */ .f-info-button-icon { vertical-align: middle; border: 1px solid #D8D8D8; border-radius: 50%; font-size: 10px; font-family: 'Baskerville'; font-weight: bold; font-style: normal; color: #71A4E7; line-height: 11px; background-color: #F9F9F9; position: relative; height: 15px; width: 15px; padding: 0; display: block; -webkit-font-smoothing: antialiased; text-align: center; } .f-info-button-icon:before { content: "i"; position: absolute; top: 2px; left: 0px; display: inline-block; width: 100%; } /* Document field ----------------------------------------------------------- */ .field_type_document .squarebtns ul li.simplified a { padding-top: 4px !important; padding-bottom: 0 !important; height: auto; } /* Multi checkbox field ----------------------------------------------------------- */ .fieldrow .field_type_multi { padding: 8px 0 0; } .fieldrow .field_type_multi .field_type_multi_item { margin: 0 20px 4px 0; padding: 0; } /* .fieldrow .field_type_multi { padding: 8px 0 0; } .fieldrow .field_type_multi .field_type_multi_item { margin: 0 20px 0 0; padding: 0; } .fieldrow .field_type_multi input[type='checkbox'] { visibility: hidden; height: 0; width: 0; margin: 0; padding: 0; position: absolute; top: 0; left: 0; } .fieldrow .field_type_multi input[type='checkbox'] + label { display: inline-block; cursor: pointer; } .fieldrow .field_type_multi input[type='checkbox'] + label:before { content: '.'; display: inline-block; width: 18px; height: 18px; padding: 0; margin: 0 6px 0 0; background: #efefef; border: 1px solid #eaeaea; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-transition: border 0.2s ease-in-out, background 0.2s ease-in-out; -webkit-transition: border 0.2s ease-in-out, background 0.2s ease-in-out; transition: border 0.2s ease-in-out, background 0.2s ease-in-out; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font: normal normal normal 12px/1 FontAwesome; -webkit-font-smoothing: antialiased; line-height: 16px; text-indent: -9999px; text-align: left; } .fieldrow .field_type_multi input[type='checkbox']:checked + label:before { background: #78C7FB; box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1); border-color: #78C7FB; color: #fff; content: "\f00c"; text-indent: 0; text-align: center; }*/ /* Radio multi field ----------------------------------------------------------- */ .fieldrow.fieldrow_type_radio.fieldrow_no_label { } .fieldrow.fieldrow_type_radio.fieldrow_no_label > label.left-column { display: none; } .fieldrow.fieldrow_type_radio.fieldrow_no_label > div.field { width: 100% !important; } .fieldrow .field_type_radio { padding: 8px 0 0; } .fieldrow .field_type_radio .field_type_radio_item { margin: 0 20px 10px 0; padding: 0; } .f2 .fieldrow .field_type_radio .field_type_radio_item label { padding: 0; } .fieldrow .field_type_radio input[type='radio'] { visibility: hidden; height: 0; width: 0; margin: 0; padding: 0; position: absolute; top: 0; left: 0; } .fieldrow .field_type_radio input[type='radio'] + label { display: inline-block; cursor: pointer; } .fieldrow .field_type_radio input[type='radio'] + label:before { content: '.'; display: inline-block; width: 18px; height: 18px; padding: 0; margin: 0 6px 0 0; background: #efefef; /*box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1); */border: 1px solid #eaeaea; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-transition: border 0.2s ease-in-out, background 0.2s ease-in-out; -webkit-transition: border 0.2s ease-in-out, background 0.2s ease-in-out; transition: border 0.2s ease-in-out, background 0.2s ease-in-out; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font: normal normal normal 8px/1 FontAwesome; -webkit-font-smoothing: antialiased; line-height: 16px; text-indent: -9999px; text-align: left; } .fieldrow .field_type_radio input[type='radio']:checked + label:before { background: #78C7FB; box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1); border-color: #78C7FB; color: #fff; content: "\f111"; text-indent: 0; font-size: 8px; text-align: center; font-weight: 900; } /* Radio multi field with icons ----------------------------------------------------------- */ .fieldrow .field_type_radio_icons { padding: 8px 0 0; } .fieldrow .field_type_radio_icons .field_type_radio_icon_item { margin: 0 15px 15px 0; margin: 0; padding: 0; float: left; } .fieldrow .field_type_radio_icons .owl-item .field_type_radio_icon_item { width: 100%; margin-right: 0; padding: 0 15px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .fieldrow .field_type_radio_icons input[type='radio'] { visibility: hidden; height: 0; width: 0; margin: 0; padding: 0; position: absolute; top: 0; left: 0; } .fieldrow .field_type_radio_icons input[type='radio'] + label { display: inline-block; cursor: pointer; width: 100%; text-align: center; background: #fcfcfc; padding: 8px; border: 1px solid #eee; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: border 300ms ease-in-out, background 300ms ease-in-out; -webkit-transition: border 300ms ease-in-out, background 300ms ease-in-out; transition: border 300ms ease-in-out, background 300ms ease-in-out; } .fieldrow .field_type_radio_icons input[type='radio'] + label:before { display: none; } .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_image { width: 100%; height: 65px; background: center center no-repeat; background-size: contain; cursor: pointer; display: block; margin: 0 auto 10px; } .fieldrow .field_type_radio_icons input[type='radio'] + label:hover { background: #efefef; border: 1px solid #d8d8d8; } .fieldrow .field_type_radio_icons input[type='radio']:checked + label { background: #edf2fa; border: 1px solid #d2dced; } .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_label { width: 100%; display: block; line-height: 15px; } .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_description { width: 100%; display: block; color: #999; min-height: 28px; font-size: 12.5px; line-height: 14px; padding: 5px 0 0; } /* Icon button carousel ----------------------------------------------------------- */ .fieldrow .icon_button_carousel { padding: 8px 0 0; } .f2 .fieldrow.fieldrow_no_label > .icon_button_carousel { width: 100% !important; } .fieldrow .icon_button_carousel .icon_button_carousel_item { margin: 0 15px 15px 0; margin: 0; padding: 0; float: left; } .fieldrow .icon_button_carousel .owl-item .icon_button_carousel_item { width: 100%; margin-right: 0; padding: 0 8px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .f2 .fieldrow .icon_button_carousel label { display: inline-block; cursor: pointer; width: 100%; text-align: center; background: #fcfcfc; padding: 3px !important; font-size: 12px; border: 1px solid #eee; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: border 300ms ease-in-out, background 300ms ease-in-out; -webkit-transition: border 300ms ease-in-out, background 300ms ease-in-out; transition: border 300ms ease-in-out, background 300ms ease-in-out; } .fieldrow .icon_button_carousel label .icon_button_carousel_item_image { width: 100%; height: 65px; background: center center no-repeat; background-size: contain; cursor: pointer; display: block; margin: 0 auto 10px; } .fieldrow .icon_button_carousel label:hover { background: #efefef; border: 1px solid #d8d8d8; } .fieldrow .icon_button_carousel label .icon_button_carousel_item_label { width: 100%; display: block; line-height: 15px; } .fieldrow .icon_button_carousel label .icon_button_carousel_item_description { width: 100%; display: block; color: #999; min-height: 28px; font-size: 12.5px; line-height: 14px; padding: 5px 0 0; display: none; } /* New feature panel editor ----------------------------------------------------------- */ .fp_editor_launch_btn_wrapper { position: absolute; top: 60px; right: 0; left: 0; bottom: 0; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; margin-bottom: 19px; width: 100%; z-index: 2; } .fp_editor_launch_btn_inner { position: sticky; top: 30%; display: flex; align-items: center; flex-direction: column; background-color: white; width: 400px; padding: 50px; text-align: center; box-shadow: 0 0 25px rgb(0 0 0 / 11%); } .fp_editor_launch_btn_inner .fp_editor_new_label { font-family: 'ProximaNova', Sans-Serif; font-weight: 200; color: #aaa; font-size: 14px; -webkit-font-smoothing: subpixel-antialiased; letter-spacing: 2px; text-transform: uppercase; } .fp_editor_launch_btn_inner .fp_editor_popup_title { margin-bottom: 20px; } button.fp_editor_launch_btn { padding: 7px 16px !important; font-family: 'ProximaNova', Sans-Serif; color: #888; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; line-height: 19px; font-weight: 200; -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 35px; min-width: 160px; margin-bottom: 14px; background: none; border: 1px solid #C8C8C8 !important; text-indent: 2px; } .fp_editor_launch_btn_inner .fp_editor_no_thanks_btn { font-family: 'ProximaNova', Sans-Serif; font-weight: 200; color: #aaa; font-size: 10px; -webkit-font-smoothing: subpixel-antialiased; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 12px; transition: all 0.25s ease-in-out; } .fp_editor_launch_btn_inner .fp_editor_no_thanks_btn:not(.fp_editor_popup_close_btn):hover { color: #111; transition: all 0.25s ease-in-out; } .fp_editor_launch_btn_inner .fp_editor_popup_close_btn { position: absolute; font-family: inherit; cursor: pointer; outline: none; position: absolute; top: 10px; right: 10px; height: 25px; width: 25px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImNsb3NlLWJ0biIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMzI0MTE2LCAxNy4zMjQxMTYpIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC0xOC4zMjQxMTYsIC0xNy4zMjQxMTYpIHRyYW5zbGF0ZSg1LjgyNDExNiwgNS4zMjQxMTYpIiBmaWxsPSIjOTA5MDkwIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxMiIgeT0iMS4xMzY4NjgzOGUtMTMiIHdpZHRoPSIxIiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCAxMi4wMDAwMDApIHJvdGF0ZSgtMjcwLjAwMDAwMCkgdHJhbnNsYXRlKC0xMi41MDAwMDAsIC0xMi4wMDAwMDApICIgeD0iMTIiIHk9IjEuMTM2ODY4MzhlLTEzIiB3aWR0aD0iMSIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 50% 50% no-repeat; background-size: 25px 25px; margin: 0; } body.fp_editor_closed { transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); } body.fp_editor_active { overflow: hidden !important; transform:translateX(calc(-100% - 40px)); transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); } .fp-editor-iframe-splash-screen { visibility: hidden; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; border: none; position: absolute; top: 0; right: 0; bottom: 0; left: calc(100% + 40px); z-index: 999999; opacity: 0; background-color: #f7f6f9; transition: visibility 0s linear 0.6s, left 0s linear 0.6s, opacity 0.4s linear; } .fp-editor-iframe-splash-screen.active { visibility: visible; opacity: 1; } .fp-editor-iframe-splash-screen #logo.logo-2019 { transform: scale(1.3); transform-origin: center center; } #fp-editor-iframe { display: none; height: 100vh; width: 100%; border: none; position: absolute; top: 0; bottom: 0; left: calc(100% + 40px); z-index: 9999; opacity: 1; } #fp-editor-iframe.active { display: block; } /* New feature panel selector ----------------------------------------------------------- */ #new-feature-panel-selector { margin-top: 15px; padding: 19px 20px 12px; border: 1px solid #EDEDED; border-radius: 1px; } #new-feature-panel-selector h4 { font-size: 12px; color: #878787; letter-spacing: 1.2px; } #new-feature-panel-selector .sub-menu-heading { display: none; } #new-feature-panel-selector .datasources { position: relative; top: -6px; } #new-feature-panel-selector .datasources .squarebtns a { font-size: 10px; letter-spacing: 1px; padding: 5px 10px 4px 10px !important; line-height: 19px; height: auto; } #new-feature-panel-selector .fieldrow { padding: 0; opacity: 0.5; transition: opacity 0.2s ease-in; } #new-feature-panel-selector:hover .fieldrow { opacity: 1; } #new-feature-panel-selector .fieldrow .field_type_radio_icons .owl-item .field_type_radio_icon_item { padding-right: 5px; } #new-feature-panel-selector .fieldrow .field_type_radio_icons input[type='radio'] + label { padding: 8px 3px; } #new-feature-panel-selector .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_image { height: 64px; } #new-feature-panel-selector .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_label { font-size: 11px; } #new-feature-panel-selector .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_description { display: none; } #new-feature-panel-selector .feature_panel_grid_type_carousel.hide { display: none !important; } #new-feature-panel-selector .reset-button { color: #878787; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; display: none; cursor: pointer; } #new-feature-panel-selector .fieldrow .field_type_radio_icons input[type='radio']:checked + label { background: #fcfcfc; border: 1px solid #eee; } /* Preset layout selector ----------------------------------------------------------- */ .feature_panel_preset_fieldrow_wrapper { clear: both; width: 100%; float: left; /*position: relative;*/ } .feature_panel_preset_fieldrow_wrapper.fp_website_editor_mode_enabled { position: relative; min-height: 315px; } .feature_panel_preset_fieldrow_wrapper:not(.fp_website_editor_mode_enabled) .fp_editor_launch_btn_wrapper { display: none; } .feature_panel_preset_fieldrow_wrapper.fp_website_editor_mode_enabled > *:not(.fp_editor_launch_btn_wrapper) { opacity: 0.3; pointer-events: none; } .feature_panel_preset_selector { display: none; margin: 0 0 15px; clear: both; width: 100%; float: left; padding: 0 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .feature_panel_preset_fieldrow_header { position: relative; } .show-preset-panel.preset-panel-reset { position: absolute; right: 0; top: -54px; margin: 0 30px !important; } .feature_panel_preset_fieldrow_wrapper.preset-mode-active .preset-panel-reset, .feature_panel_preset_fieldrow_wrapper .preset-panel-reset.hidden { display:none; } .feature_panel_preset_fieldrow_wrapper.preset-mode-active > .fieldrow { /*visibility: hidden;*/ opacity: 0; max-height: 0; display: block; overflow: hidden; pointer-events: none; } .feature_panel_preset_fieldrow_wrapper > .fieldrow { /*display: block;*/ opacity: 1; max-height: 100%; pointer-events: auto; transition: opacity 400ms ease-out; } .feature_panel_preset_fieldrow_wrapper.preset-mode-active > .feature_panel_preset_selector { display: block; } .feature_panel_preset_fieldrow_wrapper .presets_selector_footer { width: 100%; display: block; padding: 15px 0 0 0 !important; box-sizing: border-box; text-align: center; margin: 0 !important; display:flex; justify-content:center; } .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow { padding: 28px 0 28px 16px; /* right padding compensates for padding of owl items*/ border: 1px solid #eee; background: #FDFDFD; border-radius: 2px; } .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow > label.left-column, .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow > .field.field_type_radio_icons{ width: 100% !important; clear: both; float: none; } .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow > label.left-column .fl { padding:0 0 14px 0; display: block; text-align: center; font-size: 13.5px; color: #111111; letter-spacing: 1.4px; text-transform: uppercase; text-align: center; } .feature_panel_preset_fieldrow_wrapper.preset-mode-active.selected-preset-transition .feature_panel_preset:not(.selected-preset), .feature_panel_preset_fieldrow_wrapper.preset-mode-active.selected-preset-transition .feature_panel_preset_blank { opacity: 0; transition: opacity 200ms ease-out; } .feature_panel_preset_fieldrow_wrapper.preset-mode-active.selected-preset-transition .feature_panel_preset.selected-preset { transition: transform 600ms cubic-bezier(0,.65,.24,1.07); } .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow .field_type_radio_icons .owl-item .field_type_radio_icon_item { position: relative; padding-bottom: 20px; } .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow .field_type_radio_icons .owl-item .field_type_radio_icon_item:after { content: ''; display: block; padding-top: calc(200% + 22px); } .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow .field_type_radio_icons input[type='radio'] + label { padding: 0; border: 0; background: #fff; position: absolute; top: 0; left: 0; right: 15px; bottom: 55px; width: auto; } .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_image { width: 100%; height: 100%; opacity: 1; transition: opacity 400ms ease-out; } .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_label { color:#999; } .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow .field_type_radio_icons .feature_panel_preset.selected-preset .field_type_radio_icon_item_image, .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow .field_type_radio_icons input[type='radio'] + label:hover .field_type_radio_icon_item_image { opacity: 0.9; } /*.feature_panel_preset_fieldrow_wrapper .fieldrow .field_type_radio_icons input[type='radio'] + label span {*/ /* position: absolute;*/ /* top: 0;*/ /* left:0;*/ /* right:0;*/ /* bottom: 0*/ /*}*/ .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .owl-theme .owl-controls, .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .owl-theme .owl-controls .owl-pagination { margin-top: 0; padding-top: 0; } .feature_panel_preset_fieldrow_wrapper.preset-mode-active.selected-preset-transition .owl-controls { display: none; } .feature_panel_preset_fieldrow_wrapper .images_and_objects_table_wrapper , .advanced-content .images_and_objects_table_wrapper { max-height: 500px; } .images_and_objects_table_wrapper.overflow-with-shadow { background: linear-gradient(#ffffff 33%, rgba(255,255,255, 0)), linear-gradient(rgba(255,255,255, 0), #ffffff 66%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0,0,0, 0.5), rgba(0,0,0,0)), radial-gradient(farthest-side at 50% 100%, rgba(0,0,0, 0.5), rgba(0,0,0,0)) 0 100%; background-color: #fcfcfc; background-repeat: no-repeat; background-attachment: local, local, scroll, scroll; background-size: 100% 45px, 100% 45px, 100% 15px, 100% 15px; } .images_and_objects_table_wrapper.overflow-with-shadow table.jqrowscols tr { /*opacity: 0.8;*/ } .images_and_objects_table_wrapper.overflow-with-shadow table.jqrowscols td.f, .images_and_objects_table_wrapper.overflow-with-shadow table.jqrowscols td { background: unset; } .images_and_objects_container .overflow-with-shadow table.jqrowscols td .rowscols-livedata-content .section, .images_and_objects_container .overflow-with-shadow #images_and_objects_expand_popup_content .rowscols-livedata-content .section { background: unset; } /* Checkbox field types ----------------------------------------------------------- */ .fieldrow .field_type_bool.field_type_check.field, .cb-container, .fieldrow .field_type_multi .field_type_multi_item { position: relative; } .fieldrow .field_type_bool.field_type_check.field .left.fl label { display: none; } .fieldrow .field_type_bool.field_type_check.field input[type='checkbox'], .fieldrow .field_type_multi input[type='checkbox'], .cb-container input[type='checkbox'] { visibility: hidden; height: 0; width: 0; margin: 0; padding: 0; position: absolute; top: 0; left: 0; } .fieldrow .field_type_bool.field_type_check.field input[type='checkbox'] + label, .fieldrow .field_type_multi input[type='checkbox'] + label, .cb-container input[type='checkbox'] + label { display: block; position: relative; padding: 0; margin-right: 8px; padding-left: 22px; min-height: 14px; min-width: 14px; } .fieldrow .field_type_bool.field_type_check.field input[type='checkbox'] + label:before, .fieldrow .field_type_multi input[type='checkbox'] + label:before, .cb-container input[type='checkbox'] + label:before { content: ""; display: inline-block; vertical-align: top; position: absolute; margin-right: 8px; background: #fff; border-color: #aaa; width: 12px; height: 12px; border: 1px solid #ddd; border-radius: 3px; left: 0; top: 0; padding-left: 1px; margin-top: 1px; z-index: 1; text-align: center; -webkit-font-smoothing: antialiased; -webkit-transition: background-color 0.1s ease, border-color 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease; } .fieldrow .field_type_bool.field_type_check.field input[type='checkbox']:checked + label:before, .fieldrow .field_type_multi input[type='checkbox']:checked + label:before, .cb-container input[type='checkbox']:checked + label:before { content: "\f00c"; text-indent: 0; text-align: center; background-color: #78C7FB; border-color: #78C7FB; color: #fff; font: normal normal 900 8px/1 FontAwesome; line-height: 12px; text-indent: -1px; /* font-size: 11px; */ font-size: 8px; padding-top: 1px; /* text-indent: 1px; */ text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-animation: squish 290ms ease-in; -moz-animation: squish 290ms ease-in; -ms-animation: squish 290ms ease-in; -o-animation: squish 290ms ease-in; animation: squish 290ms ease-in; } /* Checkbox switch field types ----------------------------------------------------------- */ #preferences_fields { padding-bottom: 200px; } .fieldrow .field_type_bool.field_type_switch.field, #preferences_fields .fieldrow.field_type_bool .field { position: relative; } .fieldrow .field_type_bool.field_type_switch.field .left.fl label { padding: 6px 0 0 6px; display: none; } .fieldrow .field_type_bool.field_type_switch.field input[type='checkbox'], #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] { visibility: hidden; height: 0; width: 0; margin: 0; padding: 0; position: absolute; top: 0; left: 0; } .fieldrow .field_type_bool.field_type_switch.field input[type='checkbox'] + label, #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] + label { width: 50px; height: 26px; padding: 1px; background: #efefef; background: #fff; /**/ box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1); border: 1px solid #cacaca; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; text-indent: -9999px; display: block; text-align: left; position: relative; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #preferences_fields [data-name="_enable_artlogic_database_integration"] .field.left { display: flex; flex-direction: row-reverse; } #preferences_fields .export_for_web { color: #aaa; margin-top: 6px; margin-left: 10px; } .fieldrow .field_type_bool.field_type_switch.field input[type='checkbox'] + label *, #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] + label * { display: none; } .fieldrow .field_type_bool.field_type_switch.field input[type='checkbox'] + label:before, #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] + label:before { right: 5px; content: ''; text-transform: uppercase; letter-spacing: 1px; text-indent: 0; font-size: 10px; line-height: 16px; display: block; position: absolute; color: #ccc; top: 5px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .fieldrow .field_type_bool.field_type_switch.field input[type='checkbox'] + label:after, #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] + label:after { content: '.'; text-indent: -9999px; display: block; height: 24px; width: 24px; background: #fff; position: absolute; left: 0; top: 0; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; box-shadow: 0 2px 3px 0 rgba(120,120,120,0.15); box-shadow: 0 3px 6px 0 rgba(120,120,120,0.3); -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: none; } .fieldrow .field_type_bool.field_type_switch.field input[type='checkbox']:checked + label, #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox']:checked + label { background: #78C7FB; box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1); border-color: #78C7FB; background: #78C7FB; border-color: #78BCE8; box-shadow: inset 0 3px 6px 0 rgba(120,120,120,0.2); } .fieldrow .field_type_bool.field_type_switch.field input[type='checkbox']:checked + label:before, #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox']:checked + label:before { left: 5px; right: auto; content: 'on'; color: #fff; } .fieldrow .field_type_bool.field_type_switch.field input[type='checkbox']:checked + label:after, #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox']:checked + label:after { left: 24px; } /* Forms ----------------------------------------------------------- */ .f2 #fieldscontainer, .f2 .fieldscontainer { width: 100% !important; margin: 40px 0 0; padding: 0 0 60px; } .f2 #fieldscontainer, .f2 .fieldscontainer:after { content: ''; display: block; clear: both; height: 0; } body.edit_page_visibility_pane .f2 #fieldscontainer, body.edit_page_visibility_pane .f2 .fieldscontainer { width: 100% !important; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 300px; } .f2 .field_pane { padding: 15px 0 0; border: 1px solid #eee; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width: 100% !important; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .f2 .field_pane .fieldrow.fieldrow_type_subheading, .f2 .field_pane .fieldrow_content { margin-bottom: 15px; float: left; width: 100%; box-sizing: border-box; } .f2 .field_pane .fieldrow, .f2 .field_pane .fieldrow_content { padding-left: 15px; padding-right: 15px; } .f2 .field_pane .fieldrow > label.left-column { display: none; width: auto !important; } .f2 .field_pane .fieldrow > label.left-column .fl { padding-left: 0; } .f2 .field_pane .fieldrow > div.field { width: 100% !important; } .f2 .field_pane .fieldrow > div.field .f-info-button-icon { float: right; } .f2 .field_pane .fieldrow > div.field.field_type_radio { padding-top: 0; } .f2 .field_pane .fieldrow h5 { margin: 0; } .f2 .field_pane .fieldrow.fieldrow_type_date { position: relative; } .f2 .field_pane .fieldrow.fieldrow_type_date > div.field { width: auto !important; float: none; margin-right: -10px; display: block; max-width: none; } .f2 .field_pane .fieldrow.fieldrow_type_date > div.field label { padding: 0; margin: 0 0 10px; display: block; } .f2 .field_pane .fieldrow.fieldrow_type_date > div.field > .field_type_date_container { width: 50% !important; margin: 0; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .f2 .field_pane .fieldrow.fieldrow_type_date .field_type_date_wrapper .field_type_date_field_container input { width: 100% !important; } .field_type_date_container .field_type_bool.field_type_switch.field { width: auto !important; margin-top: 5px; } .f2 .fieldrow.fieldrow_type_date .field_type_date_container label { padding-top: 10px; } .f2 .fieldrow { margin: 0 0 15px; clear: both; width: 100%; float: left; padding: 0 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .simple-modal .f2 .fieldrow { padding: 0; } .simple-modal .f2 .fieldscontainer { padding: 0; margin: 0; } .simple-modal .f2 .fieldrow h1 { margin: 0; } .f2 .fieldrow.fieldrow_hide_label { } .f2 .fieldrow.fieldrow_hide_label > label.left-column { display: none; } .f2 .fieldrow.fieldrow_hide_label > div.field { width: 100% !important; } .f2 .fieldrow.fieldrow_full_width { display: flex; flex-direction: column; } .f2 .fieldrow.fieldrow_full_width>div.field { margin-top: 10px; width: 100% !important; } .f2 .fieldrow.fieldrow_type_date { } .f2 .fieldrow.fieldrow_type_date .field_type_date_container { float: left; position: relative; margin-right: 10px; } .f2 .fieldrow.fieldrow_type_date .field_type_date_wrapper { float: left; position: relative; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { display: none; } .ui-datepicker .ui-datepicker-buttonpane { padding: 10px; margin: 0; float: left; width: 100%; box-sizing: border-box; } .ui-datepicker .ui-datepicker-buttonpane button { float: left; color: #888; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; line-height: 19px; background: #fefefe; font-weight: 200; margin: 5px 0 5px; padding: 0; } .f2 .fieldrow.fieldrow_type_date .field_type_date_wrapper .field_type_date_field_container { padding: 0; } .f2 .fieldrow.fieldrow_type_date .field_type_date_wrapper .field_type_date_field_container input { width: 120px; padding-right: 22px; } .f2 .fieldrow.fieldrow_type_date .field_type_date_wrapper .field_type_date_field_container input.datepicker_function_field { width: 0 !important; height: 0 !important; margin: 0 !important; display: block; border: 0 !important; padding: 0 !important; } .f2 .fieldrow.fieldrow_type_date .field_type_date_wrapper .field_clearer_container { padding: 0; } .f2 .fieldrow.fieldrow_type_date .field_type_date_wrapper .field_clearer { position: absolute; top: 0; right: 4px; } a.field_clearer { background: none; } a.field_clearer:after { content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; line-height: 14px; font-weight: normal; color: #bbb; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .f2 .fieldrow.fieldrow_type_content { } .f2 .fieldrow.fieldrow_type_content.fieldrow_no_label label { display: none; } .f2 .fieldrow.fieldrow_type_content.fieldrow_no_label .field { width: 100% !important; } .f2 .fieldrow.fieldrow_type_content.fieldrow_no_label .field > .left { width: 100% !important; } .f2 .fieldrow.fieldrow_type_subheading { margin: 28px 0 25px; padding-top: 0; } .f2 .fieldrow.fieldrow_type_subheading.fieldrow_size_small { margin-bottom: 10px; } .f2 .fieldrow.fieldrow_type_subheading label { display: none; } .f2 .fieldrow.fieldrow_type_subheading .field { width: 100% !important; padding-top: 35px; border-top: 1px solid #eee; } .f2 .fieldrow.fieldrow_type_subheading.fieldrow_size_small .field { padding-top: 12px; } .f2 .fieldrow.fieldrow_type_subheading .fcontent-inner { padding-top: 0; } .f2 .fgroup > div:nth-of-type(1) > .fieldrow.fieldrow_type_subheading:nth-of-type(1), .f2 .fgroup > .fieldrow.fieldrow_type_subheading:nth-of-type(1), .f2 .fgroup .fieldrow.fieldrow-first.fieldrow_type_subheading { border-top: 0; margin-top: 0; padding-top: 0; } .f2 .fgroup > div:nth-of-type(1) > .fieldrow.fieldrow_type_subheading:nth-of-type(1) .field, .f2 .fgroup > .fieldrow.fieldrow_type_subheading:nth-of-type(1) .field, .f2 .fgroup .fieldrow.fieldrow-first.fieldrow_type_subheading .field { border-top: 0; margin-top: 0; padding-top: 0; } .f2 .fieldrow h3 { font-family: 'ProximaNova', Sans-Serif; font-size: 17px; color: #111; padding: 0; margin: 0; font-style: normal; font-weight: 200; text-transform: uppercase; letter-spacing: 2.5px; -webkit-font-smoothing: subpixel-antialiased; } .f2 .fieldrow h4 { font-size: 13.5px; } .f2 .fieldrow > label.left-column { width: 20% !important; } .f2 .fieldrow > div.field { width: 80% !important; position: relative; } .f2 .fieldrow.fieldrow_type_textarea > div.field > .left, .f2 .fieldrow.fieldrow_type_rte > div.field > .left, .f2 .fieldrow.fieldrow_type_default > div.field > .left, .f2 .fieldrow.fieldrow_type_content > div.field > .left { float: none; width: 100%; } .f2 .fieldrow > div.field_disabled, .f2 .fieldrow > label.field_disabled { opacity: 0.5; pointer-events: none; } .f2 .fieldrow label.left-column { text-align: left; } .f2 .fieldrow label.left-column .fl { padding: 6px 30px 0 0; display: block; text-align: left; } .f2 .fieldrow .field label { padding: 6px 0 0; display: block; } .f2 .fieldrow .field.field_type_image { padding-top: 8px; } .f2 .fieldrow .field.field_type_image > .left { width: 100%; } .f2 .fieldrow .field.field_type_image .image-field-wrapper { display: flex; } .f2 .fieldrow .field.field_type_image .image-field-wrapper.fullwidth { display: block; } .f2 .fieldrow .field.field_type_image .image-field-wrapper.fullwidth .image-field-thumbnail-container{ width: 100%; padding:0; margin-bottom: 20px; } .f2 .fieldrow .field.field_type_image .image-field-wrapper.hidden { display: none; } .f2 .fieldrow .field.field_type_image .image-field-wrapper .image-field-controls-container { flex-grow: 1; } .f2 .fieldrow .field.field_type_image .field_type_image_caption { border-top: 1px solid #eee; margin-top: 12px; } .f2 .fieldrow .field.field_type_image .field_type_image_caption .fieldrow { padding: 12px 0 0; margin: 0; } .f2 .fieldrow .field.field_type_image .field_type_image_caption label { display: block; width: auto !important; padding: 0 14px 0 0; margin: 0 0 6px; flex-shrink: 1; white-space: nowrap; box-sizing: border-box; } .f2 .fieldrow .field.field_type_image .field_type_image_caption label .fl { padding: 0 !important; margin: 0 !important; } .f2 .fieldrow .field.field_type_image .field_type_image_caption .field { width: 100% !important; flex-grow: 1; } .f2 .fieldrow .field.field_type_image .field_type_image_caption .field input { width: 100% !important; max-width: 500px; } .f2 .fieldrow .field.field_type_image .image_record_alt_text_container { width: 100%; float: left; clear: both; } .f2 .fieldrow .field.field_type_image .image_record_alt_text_container div { float: left; margin: 0 14px 0 0; } .f2 .fieldrow .field.field_type_image .image_record_alt_text_container .image_record_alt_text_display { color: #999; } .f2 .fieldrow .field.field_type_image .image_record_alt_text_container .image_record_alt_text_display.empty:after { content: 'Not entered'; color: #ffa500; } .fl { font-family: 'ProximaNova', Sans-Serif; font-size: 13px; font-style: normal; color: #111; } .fl.fl_disabled { } .fnote { font-weight: 200; font-family: 'ProximaNova', Sans-Serif; font-size: 12px; } .f2 .fieldrow .fnote { padding: 6px 0 0; margin: 0; } .mce_editor_below .fnote { padding: 6px 0 0; display: block; } .fieldrow.has_inline_note.fieldrow_type_default > div.field > .left { float: left; width: auto; } .f2 .fieldrow .fnote.inline_note { line-height: 22px; margin-left: 5px; } .f, .fDisabled, .f.qs, #preferences_fields .fieldrow .field input.f { outline: none; border: 1px solid #ddd; font-family: inherit; background: #fff; padding: 8px; font-size: 13px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; transition: background 0.3s ease-in-out, border 0.3s ease-in-out; } textarea.f { border: 1px solid #ddd !important; } .f.primary_field { padding: 10px; font-size: 16px; } .f.full { width: 100% !important; } #pp_content { height: auto !important; } #pp_content .f.pp_full { padding: 10px !important; width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } textarea { min-height: 100px; } input:focus, .f:focus, .fDisabled:focus, .f.qs:focus { background: #fefefe; border-color: #dae5f7; } input:focus, .f:focus, .f.qs:focus, #preferences_fields .fieldrow .field input.f:focus { border-color: rgba(82, 168, 236, 0.8); outline: 1px; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); position: relative; } a.field_clearer { margin: 8px 0 0 0; } table.jqrowscols input.f { padding: 3px !important; } table.jqrowscols td, table.jqrowscols th { font-weight: 200; } .fcontent-inner { padding-top: 8px; width: 100% !important; } #uploadify_archimedesuploader_hero_imagesUploader { } /* ----------------------------------------------------------- online sales hub styling ----------------------------------------------------------- */ #sales_hub_navigation { display: inline-block; float:left; width: 220px; margin-top: 10px; margin-bottom: 30px; margin-right:50px; box-sizing: border-box; font-size: 14px; color: #333333; text-align: left; } #sales_hub_navigation ul { border: 1px solid #EEEEEE; list-style: none; padding-left: 0; margin-left: 0; } #sales_hub_navigation .nav-section { border-bottom: 1px solid #eee; padding: 8px 0; } #sales_hub_navigation .nav-section:last-child { border-bottom: 0; } /* #sales_hub_navigation ul li:hover{ background:#F7F7F8; -moz-transition: background .2s ease-in; -o-transition: background .2s ease-in; -webkit-transition: background .2s ease-in; transition: background .2s ease-in; } #sales_hub_navigation ul li.active { background-color:#F7F7F8; } */ #sales_hub_navigation ul li { line-height: 30px; padding: 0px 16px; font-family: 'Proxima Nova'; font-style: normal; } #sales_hub_navigation a { color: #474747; font-weight: 300; font-size: 13px; display: block; } #sales_hub_navigation li a.external_link_icon:after { content: "\f08e"; margin-left: 6px; margin-right: -3px; margin-top: 0px; color: #ddd; font: normal normal 400 14px/1 FontAwesome; font-size: 12px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #sales_hub_navigation ul li.active a { font-weight: 400; color:#000000; } #sales_hub_storestatus { float: right; display: table; max-width: 230px; width: 100%; font-style: normal; font-weight: 100; font-size: 15px; line-height: 17px; letter-spacing: 0.15em; text-transform: uppercase; color: #111111; background-color: #F9FAFB; border: 1px solid #EAEAEA; border-radius: 2px 2px 0px 0px; } #sales_hub_storestatus_top{ padding: 24px 20px; } #sales_hub_storestatus_bottom{ } .test_mode_box #sales_hub_storestatus_top { background-color: #FFF6EB !important; border: 1px solid #E3800C !important; } #sales_hub_storestatus select { border: 1px solid #EAEAEA; display: table-row; border-radius: 41px; margin-top: 20px; padding: 0 17px; width: 208px; height: 40px; } .test_mode_text .hidden{ display:none; } .test_mode_text { font-style: normal; font-weight: 300; font-size: 13px; line-height: 16px; align-items: center; letter-spacing: 0.01em; color: #474747; text-transform: none; margin-top: 20px; } .select-wrapper { position: relative; user-select: none; width: 100%; } .select { position: relative; display: flex; flex-direction: column; } .custom-options { position: absolute; display: block; transition: all 0.5s; opacity: 0; visibility: hidden; pointer-events: none; z-index: 2; top: 70px; width: 100%; height:144px; background: #fff; box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.15); border-radius: 4px; } .custom-option { width: 100%; display: block; font-style: normal; font-weight: 600; font-size: 13px; line-height: 14px; text-transform: none; padding: 17px 19px; cursor: pointer; letter-spacing: 0.01em; } .custom-option:first-child { border-bottom: 1px solid #EAEAEA; } .custom-option:last-child { border-top: 1px solid #EAEAEA; } .select.open .custom-options { opacity: 1; visibility: visible; pointer-events: all; } .green_dot, .orange_dot, .red_dot { width:8px; height:8px; border-radius: 50%; top: 3px; float: left; position: relative; margin-right: 8px; } .green_dot{ border: 1px solid #3F895F; background: #3F895F; } .live{ color: #3F895F; } .orange_dot{ border: 1px solid #E3800C; } .test_mode{ color: #E3800C; } .red_dot{ border: 1px solid #EA3223; background: #EA3223; } .offline{ color: #EA3223; } #store_status { font-style: normal; font-weight: 600; font-size: 13px; line-height: 15px; text-transform: none; cursor: pointer; letter-spacing: 0.01em; color: #EA3223; padding: 13px 17px; width: 100%; box-sizing: border-box; margin-top: 20px; background: #FFFFFF; border: 1px solid #EAEAEA; border-radius: 41px; } .store_status_arrow { position: relative; height: 15px; width: 15px; float:right; } .store_status_arrow::after { content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #999999; position: absolute; right: 50%; margin-right: -2px; bottom: 5px; } .cart_live_prompt_test_transaction { text-transform: none; font-weight: 300; font-size: 12px; letter-spacing: 1px; margin-right: 10px; color: #111; } .online-sales-hub-body { width:590px; float:left; } .online-sales-hub-body #preferences_fields .fieldscontainer { margin-bottom: 64px; } .online-sales-hub-body #preferences_container{ width: auto; } /* Sales hub settings */ #preferences_fields .fieldrow.field_type_bool .online-sales-field-row .field input[type='checkbox'] + label { margin-bottom: 15px; } .online_sales_input_number_case { width:50%; float:left; display:block; } .sales_hub_rates_input_number, .online_sales_input_number, .online_sales_vat_input_number { border: 1px solid #ddd; display: inline-block; float:left; line-height: 1.6; margin: 0; width: 240px; padding: 4px 6px; } .sales_hub_rates_input_number > input, .online_sales_vat_input_number >input, .online_sales_input_number >input { background: none; border: none; -webkit-box-shadow: none; box-shadow: none; color: inherit; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: inherit; margin: 0 0 0 10px; min-height: auto; min-width: 0; outline: none; padding: 0; } .sales_hub_rates_prefix, .sales_hub_rates_suffix, .online_sales_suffix{ float:right; color: #AAAAAA; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 15px; text-transform: none; letter-spacing: 0px; } .to_weight { border-left:none; } .sales_hub_rates_add_range{ font-weight: 300; font-size: 12px; line-height: 19px; letter-spacing: 0.15em; color: #888888; } .sales-hub-plus-icon{ margin-right:11px; height: 10.5px; width: 10.5px; position: relative; top: 2px; } .sales_hub_placeholder { color: #AAAAAA; padding-left: 11px !important; text-transform: none; letter-spacing: 0px; } .shipping_rates_subheading { font-weight: 600; text-transform: none; letter-spacing: 0px; font-size: 13px !important; line-height: 24px; color: #111111; } .sales_hub_rates_prefix { margin-left: 7px; color: #4A4A4A; margin-right: 0 !important; } #sales_hub_shipping_rates_table > tbody > .row { display:flex; } #sales_hub_shipping_rates_table > tbody > .row.hidden { display:none; } .sales-hub-right-arrow { margin: 0 20px; top: 10px; position: relative; } .sales-hub-shipping-range-delete { height: 18px; margin: 0 16px; position: relative; top: 10px; width: 18px; } .online_sales_vat_input_number >input { float:left !important; width: 110px !important; } .online_sales_vat_input_number .online_sales_suffix{ margin-right: 11px !important; } .online_sales_vat_input_number { float:right !important; Width:159px !important; } .sales_hub_rates_input_number { margin-bottom: 15px; width: 165px !important; height: 30px; padding: 8px 8px 0 8px; } .sales_hub_rates_input_number > input{ width:70%; } .sales_hub_rates_prefix { float:left !important; } .sales_hub_rates_prefix, .sales_hub_rates_suffix { font-weight:14px; } .online-sales-hub-labels { width: 579px; font-weight: 600; color: #111111; font-size: 13px; line-height: 24px; } #preferences_fields .fieldrow .online-sales-hub-labels { margin-bottom: 12px; } #preferences_fields .fieldrow .online-sales-hub-labels label { width: inherit; padding: 0; } .online-sales-hub-text { font-weight: 300; line-height: 19px; text-align: left; letter-spacing: 0px; color: #111111; margin: -12px 0 16px 0; } .online-sales-field-row { margin-bottom: 35px; display: table; } .online_sales_hub_field_note { margin-top: 5px; font-weight: 300; font-size: 13px; display: table-footer-group; top: 8px; position: relative; line-height: 24px; color: #AAAAAA; } .uppercase { text-transform: uppercase; } .remove-shipping-row { cursor: pointer; } /* stripe connect buttons for online sales */ .new-stripe-connect { color: #888888; height: 19px; width: 61px; margin: 10px 0px; padding: 7px 16px; border: 1px solid #C8C8C8; font-size: 11px; text-transform: uppercase; border-radius: 20px; } .connected-status { font-weight: 200; line-height: 1; margin: 16px 0px 13px 0; } .connected-status::before { content: 'sold'; overflow: hidden; width: 7px; background: #DB5858; height: 0px; padding: 7px 0 0; display: inline-block; border-radius: 12px; margin: 0 10px 1px 0; } a.new-stripe-connect:visited { color: #888888; } .squarebtn.disabled { cursor: default; } .squarebtn.disabled a { background-color: #FAFAFA; border-color: #FAFAFA !important; color:#DADADA; pointer-events: none; } .stripe_connect_buttons_container { align-items: center; display: flex; margin-top: 13px; } /* steps styling */ .subsection-online-sales p.step-links-intro{ padding-bottom: 43px; } .subsection-online-sales #home #preferences_container { display:inline-block; max-width: 607px; } .online-sales-hub-body #preferences_fields .fieldrow .field.full { width: 100%; } .red-bold-steps { color: #EA3223; font-weight: bold; } #preferences_fields .preferences_section_shipping_settings h3{ margin-bottom: 24px; } #preferences_fields .preferences_section_shipping_settings .fieldscontainer { margin-top: 0; } .online-sales-hub-body .field_type_shipping_zones .online-sales-field-row { width: 100%; } .online-sales-hub-body .shipping_zones { display: grid; row-gap: 24px; } .new_shipping_zone_button { padding: 56px 0; } .online-sales-intro-content { border-bottom: 1px solid #EAEAEA; } .online-sales-intro-text { display: inline-block; } .online-sales-page-heading { display: block; text-transform: inherit; padding-top:0px !important; letter-spacing: 0px; } .online-sales-hub-body form { position: relative; top: -20px; } .sales-hub-step-count-circle { border: 1px solid #EAEAEA; float:right; height: 74px; width: 74px; text-align: center; border-radius: 50%; display: flex; } .sales-hub-step-count { margin: auto; } .step-link { border-bottom: 1px solid #EAEAEA; padding: 30px 0; } .step-links-intro-text { display: inline-block; width:456px; line-height: 16px; letter-spacing: 0.01em; color: #474747; } .step-links-container { width:inherit; } .step-link-icon, .step-link-body { display:inline-block; font-style: normal; font-size: 13px; letter-spacing: 0.01em; } .step-link-icon { margin-right:20px; top: -4px; position: relative; min-width: 24px; } .step-link-body-header { font-weight: 600; color: #111111; display: block; margin-bottom: 5px; height: 14px; } .step-link-body-text { font-weight: 300; color: #474747; } .step-link-body-note { color: #3F895F; } .sales-hub-step-start { float: right; border: 1px solid #C8C8C8; border-radius: 48px; padding: 8.5px 18px 7.5px 18px; font-size: 11px; font-weight: 300; line-height: 19px; letter-spacing: 0.15em; color: #888888; text-transform: uppercase; } .sales-hub-step-edit { align-items: center; display: flex; float: right; height: 37px; justify-content: center; width: 78px; } .sales-hub-step-edit a { color: #3F895F; font-weight: 600; } .sales-hub-step-start:visited { color: #888888; } .sales-hub-step-count-circle-container { background: #e6e2e7; border-radius: 50%; float: right; height: 75px; width: 75px; } .sales-hub-step-count-circle-container .circle .mask, .sales-hub-step-count-circle-container .circle .fill { border-radius: 50%; height: 75px; position: absolute; width: 75px; } .sales-hub-step-count-circle-container .circle .mask { clip: rect(0px, 75px, 75px, 37.5px); } .sales-hub-step-count-circle-container .circle .mask .fill { background-color: #3F895F; clip: rect(0px, 37.5px, 75px, 0px); } .sales-hub-step-count-circle-container .inside-circle { background: #fff; border-radius: 50%; height: 70px; line-height: 70px; margin-left: 2.5px; margin-top: 2.5px; position: absolute; text-align: center; width: 70px; } /* vat styling */ .online-sales-hub-body .field_type_vat_rates .online-sales-field-row { width: 100%; } .online-sales-vat-row:first-child { border-top: 1px solid #EEEEEE; } .online-sales-vat-row { padding: 24px; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; font-weight: 600; font-size: 13px; line-height: 35px; display: flow-root !important; color: #111111; /* 100% - padding-left - padding-left */ max-width: calc(100% - 48px); } #preferences_fields .online-sales-vat-row.fieldrow { margin: 0; } .online-sales-vat-input { float:right; font-weight: 300; font-size: 13px; line-height: 35px; color: #474747; } /* ----------------------------------------------------------- online sales hub styling ends here ----------------------------------------------------------- */ /* Styling for different alert box types ----------------------------------------------------------- */ .alert-box-container, .field_type_content_alert_box { border-radius: 3px; border-width: 1px; border-style: solid; } .alert-box-container.success, .alert-box-container.alert-popup.success .alert-box-header, .alert-box-container.success .alert-box-ui .alert-box-link, .field_type_content_alert_box.success, .field_type_content_alert_box.success .alert-box-header, .field_type_content_alert_box.success .alert-box-link-container a { background-color: #F2FCEC; border-color: #9CD768; color: #487D1B; } .alert-box-container.info, .alert-box-container.alert-popup.info .alert-box-header, .alert-box-container.info .alert-box-ui .alert-box-link, .field_type_content_alert_box.info, .field_type_content_alert_box.info .alert-box-header, .field_type_content_alert_box.info .alert-box-link-container a { background-color: #E7F5FF; border-color: #95D5FF; color: #115B99; } .alert-box-container.warning, .alert-box-container.alert-popup.warning .alert-box-header, .alert-box-container.warning .alert-box-ui .alert-box-link, .field_type_content_alert_box.warning, .field_type_content_alert_box.warning .alert-box-header, .field_type_content_alert_box.warning .alert-box-link-container a { background-color: #FEF0DD; border-color: #FDC57A; color: #8E530F; } .alert-box-container.danger, .alert-box-container.alert-popup.danger .alert-box-header, .alert-box-container.danger .alert-box-ui .alert-box-link, .field_type_content_alert_box.danger, .field_type_content_alert_box.danger .alert-box-header, .field_type_content_alert_box.danger .alert-box-link-container a { background-color: #FEEBEB; border-color: #FC8788; color: #9B0B0D; } .alert-box-container.neutral, .alert-box-container.alert-popup.neutral .alert-box-header, .alert-box-container.neutral .alert-box-ui .alert-box-link, .field_type_content_alert_box.neutral, .field_type_content_alert_box.neutral .alert-box-header, .field_type_content_alert_box.neutral .alert-box-link-container a { background-color: #FDFCFC; border-color: #CCC8C8; color: #585454; } /* fieldrow alert boxes ----------------------------------------------------------- */ .alert_box_top_border { width: 100%; border-bottom: 1px solid #eee; margin-top: 23px; margin-bottom: 40px; } .field_type_content_alert_box { box-sizing: border-box; } .field_type_content_alert_box .fcontent-inner { padding: 0; margin: 0; } .field_type_content_alert_box .alert-box-header { display: flex; font-size: 12px; color: #A66A1D; letter-spacing: 1.07px; text-transform: uppercase; border-bottom-width: 1px; border-bottom-style: solid; padding: 15px 22px 14px 22px; } .field_type_content_alert_box.dynamic_content_alert { margin-bottom: 25px; } .field_type_content_alert_box.dynamic_content_alert .alert-box-header:before { content: "\f0d0"; font: normal normal 300 14px/1 FontAwesome; font-size: 13px; margin-right: 10px; display: block; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .field_type_content_alert_box .alert-box-message { padding: 22px; font-size: 13px; letter-spacing: 0; line-height: 24px; } .field_type_content_alert_box .alert-box-links { padding-left: 22px; padding-right: 22px; } .field_type_content_alert_box .alert-box-links { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; padding-bottom: 22px; } .field_type_content_alert_box .alert-box-link-container { display: flex; flex-direction: row; flex-wrap: wrap-reverse; align-items: center; padding-bottom: 10px; } .field_type_content_alert_box .alert-box-links .alert-box-link-container:last-child { margin-left: 0; } .field_type_content_alert_box .alert-box-links .alert-box-link-container a { background-color: white; padding: 14px 24px; border-radius: 24px; border-width: 1px; border-style: solid; font-size: 11.5px; color: #888888; letter-spacing: 1.02px; text-transform: uppercase; text-align: center; margin-right: 24px; } .field_type_content_alert_box .alert-box-links .alert-box-link-container a:hover { color: #111; } .field_type_content_alert_box .alert-box-links .alert-box-link-container .inline_alert { display: flex; margin-top: 10px; margin-bottom: 10px; } /* Inline alerts - used on alert box field helper ----------------------------------------------------------- */ .inline_alert:before { font: normal normal normal 14px/1 FontAwesome; margin-top: 1px; font-size: 13px; margin-right: 10px; display: inline-block; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .inline_alert.success:before { content: "\f058"; } .inline_alert.info:before { content: "\f05a"; } .inline_alert.warning:before { content: "\f071"; } .inline_alert.danger:before { content: "\f06a"; } /* Generic alert boxes ----------------------------------------------------------- */ .alert-box-container.alert-hidden { display: none!important; } .alert-box-container, .alert-box-container .popup-header, .alert-box-container .banner-header, .alert-box-container .alert-box-popup-message, .alert-box-container .alert-box-banner-message { display: none; } .alert-box-container.alert-popup, .alert-box-container.alert-banner, .alert-box-container.alert-popup .popup-header, .alert-box-container.alert-banner .banner-header, .alert-box-container.alert-popup .alert-box-popup-message, .alert-box-container.alert-banner .alert-box-banner-message { display: block; } /* --- alert banner --- */ .alert-box-container.alert-banner { display: flex; flex-direction: row; justify-content: space-between; box-sizing: border-box; padding: 9px 19px; margin-bottom: 20px; } .alert-box-container.alert-banner .alert-box-content { display: flex; flex-direction: row; align-items: center; } .alert-box-container.alert-banner .alert-box-header { font-size: 12.5px; letter-spacing: 0.98px; text-transform: uppercase; margin-right: 20px; flex-shrink: 0; } .alert-box-container.alert-banner .alert-box-header, .alert-box-container.alert-banner.create-page-alert .alert-box-header, .alert-box-container.alert-banner.page-not-live-alert .alert-box-header { display: flex; align-items: center; margin-right: 5px; } .alert-box-container.alert-banner.sortable-records-page .alert-box-header .banner-header, .alert-box-container.alert-banner.create-page-alert .alert-box-header .banner-header, .alert-box-container.alert-banner.page-not-live-alert .alert-box-header .banner-header { display: none; } .alert-box-container.alert-banner.success .alert-box-header:before { content: "\f058"; } .alert-box-container.alert-banner.info .alert-box-header:before { content: "\f05a"; } .alert-box-container.alert-banner.warning .alert-box-header:before { content: "\f071"; } .alert-box-container.alert-banner.danger .alert-box-header:before { content: "\f06a"; } .alert-box-container.alert-banner .alert-box-header:before, .alert-box-container.alert-banner.create-page-alert .alert-box-header:before, .alert-box-container.alert-banner.page-not-live-alert .alert-box-header:before, .alert-box-container.alert-banner.create-page-alert .alert-box-header .banner-header:before, .alert-box-container.alert-banner.page-not-live-alert .alert-box-header .banner-header:before { content: "\f15b"; font: normal normal 300 14px/1 FontAwesome; font-size: 13px; margin-right: 9px; display: inline-block; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .alert-box-container.alert-banner.sortable-records-page .alert-box-header:before { content: "\f0dc"; } .alert-box-container.alert-banner .alert-box-header:before, .alert-box-container.alert-banner.create-page-alert .alert-box-header:before, .alert-box-container.alert-banner.page-not-live-alert .alert-box-header:before { font-size: 15px; } .alert-box-container.alert-banner.create-page-alert .alert-box-header .banner-header:before, .alert-box-container.alert-banner.page-not-live-alert .alert-box-header .banner-header:before { display: none; } .alert-box-container.alert-banner .alert-box-banner-message { font-size: 13px; /* color: #005D9B; */ letter-spacing: 0; margin-right: 30px; line-height: 16px; } .alert-box-container .alert-box-ui-item { margin-left: 25px; } .alert-box-container .alert-box-ui-item:first-child { margin-left: 0; } .alert-box-container.alert-popup .alert-box-ui .alert-box-link, .alert-box-container.alert-banner .alert-box-ui .alert-box-link { background-color: white; padding: 13px 21px; border-radius: 24px; border-width: 1px; border-style: solid; font-size: 11.5px; line-height: 12px; color: #888888; letter-spacing: 1.02px; text-transform: uppercase; text-align: center; } .alert-box-container.alert-banner .alert-box-ui { display: flex; flex-direction: row; align-items: center; flex-shrink: 0; } .alert-box-container.alert-banner .alert-box-ui .alert-box-link { padding: 10px 19px 9px 19px; font-size: 10px; letter-spacing: 0.8px; line-height: 12px; } .alert-box-container .alert-box-ui .alert-box-link:hover { color: #111; } .alert-box-container button { font-size: 100%; line-height: inherit; margin: 0; color: inherit; overflow: visible; text-transform: none; background-color: transparent; -webkit-appearance: button; font-family: inherit; cursor: pointer; outline: none; } .alert-box-container.alert-banner .alert-box-close { display: block; position: relative; height: 16px; width: 16px; border: none; margin-left: 14px; margin-right: 0; } .alert-box-container.alert-banner .alert-box-close:hover { filter: brightness(60%); } .alert-box-container.alert-banner .alert-box-close:before { content: "\f00d"; font: normal normal 300 14px/1 FontAwesome; font-size: 15px; display: block; position: absolute; top: 1px; left: 3px; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* --- alert popup --- */ .records_page #container.no-records { position: relative; min-height: 400px; } .alert-box-container.alert-popup { position: absolute; margin-top: 19px; top: 50%; right: 50%; transform: translate(50%,-50%); max-width: 460px; width: 100%; z-index: 11; } .alert-box-container.alert-popup .alert-box-header { padding: 17px; text-transform: uppercase; border-bottom-width: 1px; border-bottom-style: solid; font-size: 12px; letter-spacing: 1.07px; padding: 14px 20px 13px 20px; } .alert-box-container.alert-popup .alert-box-header .popup-header { display: flex; line-height: 16px; } .alert-box-container.alert-popup .alert-box-header span:before { content: "\f15b"; font: normal normal 300 14px/1 FontAwesome; font-size: 13px; line-height: 16px; margin-right: 9px; display: inline-block; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .alert-box-container.alert-popup .alert-box-popup-message { padding: 20px; font-size: 13px; letter-spacing: 0; line-height: 24px; } .alert-box-container.alert-popup .alert-box-ui { display: flex; flex-direction: row; align-items: center; padding: 0 20px 20px 20px; } .alert-box-container.alert-popup .alert-box-close { display: block; background: none; border: none; padding: 0; } .alert-box-container.alert-popup .alert-box-close .screen-reader-only { display: none; } .alert-box-container.alert-popup .alert-box-close:hover { filter: brightness(60%); } .alert-box-container.alert-popup .alert-box-close:before { content: 'Dismiss'; text-transform: uppercase; display: inline-block; font-size: 12px; letter-spacing: 1.07px; } /* Getting started preferences ----------------------------------------------------------- */ .getting_started_preferences_grid { margin-left: 0; margin-bottom: 40px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; /* border: 1px solid #eaeaea; background: #fdfdfd; */ } .getting_started_preferences_grid h2 { flex-basis: 100%; } .getting_started_preferences_grid li { flex-basis: 50%; padding: 30px 25px; box-sizing: border-box; } .getting_started_preferences_grid li:nth-of-type(odd) { padding-left: 0; } .getting_started_preferences_grid li:nth-of-type(even) { padding-right: 0; } #preferences_fields .getting_started_preferences_grid li h3 { margin: 0 auto 10px; color: #111; } .getting_started_preferences_grid li p { margin-bottom: 10px; color: #777; } .getting_started_preferences_grid li a { display: flex; } .getting_started_preferences_grid i { font-size: 44px; color: #999; margin-right: 20px; } #preferences_fields .getting_started_preferences_grid li a:hover h3 { color: #000; } /* .getting_started_preferences_grid li a.active i { color: #111; } */ .getting_started_preferences_grid li a:hover p { color: #111; } .getting_started_preferences_grid li a:hover i { color: #111; } /* .getting_started_preferences_grid li a.active p { font-weight: normal; color: #111; } */ /* Translations ----------------------------------------------------------- */ #editwin_body .translations-links { padding: 3px; border: 1px solid #eee; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; float: left; background: #fcfcfc; } #editwin_body .translations-links, #editwin_body .translations-links a { color: #aaa; font-style: normal; font-size: 12px; } #editwin_body .translations-links a, #editwin_body .translations-links a:visited { text-decoration: none; color: #111; } .f2 .fieldrow > div.field > .translations-links { position: absolute; top: 3px; right: 3px; height: 15px; opacity: 0; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .f2 .fieldrow > div.field:hover > .translations-links { opacity: 1; } /* Tiny MCE ----------------------------------------------------------- */ .mce_container { width: 100%; } .artlogicSkin table.mceLayout { width: 100% !important; } .artlogicSkin table.mceLayout table.mceToolbar td { float: left; } .artlogicSkin .mceListBox .mceOpen:before { font-weight: 900!important; } /* Multisearch datasource selectors ----------------------------------------------------------- */ .multisearchable-field { border: 1px solid #eee; } .f2 .fieldrow .field .multisearchable-field .multisearchable-frow > label { padding-top: 2px; } .multisearchable-field .col { width: 100% !important; } .multisearchable-field .multi-searchable-inputs { height: auto !important; max-height: 220px; overflow: auto; height: 0 !important; opacity: 0; padding: 0 !important; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; transition: height 300ms ease-in-out, opacity 300ms ease-in-out; border: 0; } .multisearchable-field .multi-searchable-inputs.multi-searchable-records-selected, .multisearchable-field .multi-searchable-inputs.multi-searchable-results-found { height: auto !important; padding: 15px 15px 9px !important; opacity: 1; } .multisearchable-field .multi-searchable-inputs.multi-searchable-selected { border-bottom: 1px solid #eee; } .multisearchable-field .multi-searchable-inputs.multi-searchable-unselected { border-top: 1px solid #eee; background: #fcfcfc; } .multisearchable-field .multi-searchable-inputs .multisearchable-frow { margin: 0 0 6px; } .multisearchable-field .multi-searchable-search-form { margin: 0; padding: 15px !important; } .multisearchable-field .multi-searchable-search-form .multi-searchable-search-form-label { width: auto !important; margin: 0 16px 0 0; padding: 8px 0 0; min-width: 130px; } .multisearchable-field .multi-searchable-search-form .multi-searchable-search-form-input { width: auto !important; margin: 0 16px 0 0; padding: 0; } .multisearchable-field .multi-searchable-search-form .multi-searchable-search-form-input input { width: 180px; height: 36px; } .multisearchable-field .multi-searchable-search-form .multi-searchable-type-form-label { width: auto !important; margin: 0 16px 0 0; padding: 8px 0 0; min-width: 130px; } .multisearchable-field .multi-searchable-search-form .multi-searchable-type-form-input { width: auto !important; margin: 0 16px 0 0; padding: 0; } .multisearchable-field .multi-searchable-search-form .multi-searchable-type-form-input select { width: 180px; height: 36px; } /* Dropdown links ----------------------------------------------------------- */ .cms_dropdown_links { float: left; position: relative; padding-bottom: 2px; } .cms_dropdown_links.right { float: right; } .cms_dropdown_links .cms_dropdown_links_button { background: none; padding: 6px 17px 5px 19px !important; padding: 7px 16px 7px 19px !important; font-family: 'ProximaNova', Sans-Serif; color: #888; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; line-height: 19px; background: #fefefe; border: 1px solid #C8C8C8 !important; font-weight: 200; -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; transition: all 0.25s ease-in-out; display: block; text-indent: 2px; cursor: pointer; } .cms_dropdown_links.small .cms_dropdown_links_button { font-size: 10px; letter-spacing: 1px; padding: 5px 10px 4px 10px !important; } .cms_dropdown_links .cms_dropdown_links_button:after { content: "\f0d7"; font: normal normal 900 14px/1 FontAwesome; font-size: 12px; line-height: 16px; color: #bbb; margin: 0 0 0 8px; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cms_dropdown_links.small .cms_dropdown_links_button:after { margin: 0 0 0 5px; } .cms_dropdown_links .cms_dropdown_links_options { height: 0; overflow: hidden; opacity: 0; top: 44px; left: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 50; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #fff; width: 100%; border: 1px solid #e8e8e8 !important; -moz-box-shadow: 0 2px 9px rgba(0,0,0,0.08); -webkit-box-shadow: 0 2px 9px rgba(0,0,0,0.08); box-shadow: 0 2px 9px rgba(0,0,0,0.08); } .cms_dropdown_links.small .cms_dropdown_links_options { top: 39px; } .cms_dropdown_links:hover .cms_dropdown_links_options { height: auto; opacity: 1; top: 36px; padding: 6px 0 5px 0; border: 1px solid #eee !important; transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out; } .cms_dropdown_links.small:hover .cms_dropdown_links_options { top: 30px; } .cms_dropdown_links .cms_dropdown_links_option a { display: block; padding: 6px 17px 5px 19px !important; font-family: 'ProximaNova', Sans-Serif; color: #888; font-size: 13px; text-transform: none; letter-spacing: 0; font-weight: normal; -webkit-font-smoothing: antialiased; } .cms_dropdown_links .cms_dropdown_links_option a:hover { background: #fafafa; } /* Buttons ----------------------------------------------------------- */ .squarebtns li, .aolpromptbuttons button, .squarebtn { background: none; border: 0 !important; padding: 0 !important; margin: 0 15px 0 0 !important; } .squarebtns li:last-child { margin-right: 0 !important; } .images_and_objects_container .squarebtns { margin-right: 10px; } .images_and_objects_container .webeditor-btn .squarebtns_highlight { margin-top: 10px !important; } .images_and_objects_container object { margin-right: 5px; } .squarebtn a, .squarebtn > div, #preferences_container .button a, .button a, .squarebtns li a, .aolpromptbuttons button span { background: none; padding: 7px 16px !important; font-family: 'ProximaNova', Sans-Serif; color: #888; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; line-height: 19px; background: #fefefe; border: 1px solid #C8C8C8 !important; font-weight: 200; -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; transition: all 0.25s ease-in-out; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 35px; cursor: pointer; } #editwin_body #footer-inner .squarebtns li a, #buttons_below_container .squarebtns ul#buttons_below li a, .squarebtns ul li.simplified a, .aolpromptbuttons button.simplified span { background: transparent; border: 1px solid transparent !important; padding: 7px 0px 7px 0px !important; } .squarebtn a:hover, .squarebtns li a:hover, .aolpromptbuttons button:hover { color: #111; /*background: #fafafa;*/ } .squarebtns a.create_new_page, .squarebtns a.create_new_folder { display: flex; align-items: center; height: 39px; } .squarebtns a.create_new_page:before, .squarebtns a.create_new_folder:before { content: "\f15b"; font: normal normal 300 14px/1 FontAwesome; font-size: 14px; color: #888; margin-right: 10px; margin-bottom: 2px; display: inline-block; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .squarebtns a.create_new_folder:before { content: "\f07b"; } #preferences_container .button, #preferences_container .button a, .squarebtns li.squarebtns_highlight, .squarebtns li.squarebtns_highlight a, .squarebtns li.squarebtns_highlight a:visited, .squarebtns li a.page_browser_save_btn, #editwin_body #footer-inner .squarebtns li a#save_btn, #editwin_body #footer-inner .squarebtns li.squarebtns_highlight a, #buttons_below_container .squarebtns ul#buttons_below li a#save_changes, #buttons_below_container .squarebtns ul#buttons_below li a.add-btn { background: none; border: 0 !important; } #preferences_container .button a, .squarebtns li.squarebtns_highlight a, .squarebtns li.squarebtns_highlight a:visited, .squarebtns li:nth-of-type(1) a#save_btn, .squarebtns li a.add-btn, .squarebtns li a.page_browser_save_btn, #editwin_body #footer-inner .squarebtns li a#save_btn, #editwin_body #footer-inner .squarebtns li.squarebtns_highlight a, #buttons_below_container .squarebtns ul#buttons_below li a#save_changes, #buttons_below_container .squarebtns ul#buttons_below li a.add-btn, #editwin_body #footer-inner .squarebtns li a#faux_save_btn { background: #A8D3EF; border: 1px solid #A8D3EF !important; color: #fff; padding: 7px 16px !important; border-radius: 20px; color: #888; background: none; border: 1px solid #C8C8C8 !important; text-indent: 2px; } #preferences_container .button a:hover, .squarebtns li.squarebtns_highlight a:hover, .squarebtns li a#save_btn:hover, .squarebtns li a.add-btn:hover, .squarebtns li a.page_browser_save_btn:hover, #editwin_body #footer-inner li a#save_btn:hover, #editwin_body #footer-inner li.squarebtns_highlight a:hover, #editwin_body #footer-inner .squarebtns li a#faux_save_btn:hover { /*background: #82bfe6;*/ /*border: 1px solid #82bfe6 !important;*/ /*color: #fff;*/ color: #51A8E0; } .jqgrid_btns .squarebtns li a#save_sort_order, #editwin_body .fields_changed #footer-inner .squarebtns li a#save_btn, #editwin_body .fields_changed #footer-inner .squarebtns li.squarebtns_highlight a, .squarebtns li.squarebtns_always_highlight a, .fields_changed #buttons_below_container .squarebtns ul#buttons_below li a#save_changes { background: #78C7FB !important; border: 1px solid #78C7FB !important; } .jqgrid_btns .squarebtns li a#save_sort_order, .jqgrid_btns .squarebtns li a#save_sort_order:visited, #editwin_body .fields_changed #footer-inner .squarebtns li a#save_btn, #editwin_body .fields_changed #footer-inner .squarebtns li a#save_btn:visited, #editwin_body .fields_changed #footer-inner .squarebtns li.squarebtns_highlight a, #editwin_body .fields_changed #footer-inner .squarebtns li.squarebtns_highlight a:visited, .squarebtns li.squarebtns_always_highlight a, .squarebtns li.squarebtns_always_highlight a:visited, .fields_changed #buttons_below_container .squarebtns ul#buttons_below li a#save_changes, .fields_changed #buttons_below_container .squarebtns ul#buttons_below li a#save_changes:visited { color: #fff; } .flButtons li, .btns li, .link { padding: 0; background: none; } .flButtons li a:before, .btns li a:before, .link a:before { content: "\f0da"; font: normal normal 900 14px/1 FontAwesome; font-size: 13px; color: #ccc; margin: 0 8px 0 0; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .simple_link { background: none; font-family: 'ProximaNova', Sans-Serif; color: #888; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; line-height: 19px; font-weight: 200; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .simple_link a, .simple_link a:visited { color: #888; font-size: 11px; } /* Split buttons ----------------------------------------------------------- */ .squarebtn.splitbtn, .squarebtns li.splitbtn { position: relative; } .squarebtn.splitbtn > a, .squarebtns li.splitbtn > a { padding-right: 46px !important } .splitbtn-dropdown { position: absolute; right: 0; top: 0; bottom: 0; width: 36px; } .splitbtn-dropdown-btn { height: 100%; width: 100%; border: 0; background: none; border-left: 1px solid #c8c8c8; padding: 0 3px 0 0; } .splitbtn-dropdown-btn i.fa{ font-weight: 600; color: #bbb; } .splitbtn-dropdown-content { height: 0; width: auto; overflow: hidden; opacity: 0; top: 44px; right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 50; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #fff; border: 1px solid #e8e8e8 !important; -moz-box-shadow: 0 2px 9px rgba(0,0,0,0.08); -webkit-box-shadow: 0 2px 9px rgba(0,0,0,0.08); box-shadow: 0 2px 9px rgba(0,0,0,0.08); } /* Show the dropdown menu on hover */ .splitbtn-dropdown:hover .splitbtn-dropdown-content { height: auto; opacity: 1; top: 36px; padding: 6px 0 5px 0; border: 1px solid #eee !important; z-index: 20; transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out; } .splitbtn-dropdown .splitbtn-dropdown-content a{ display: block; padding: 6px 17px 5px 19px !important; font-family: 'ProximaNova', Sans-Serif; color: #888; font-size: 13px; text-transform: none; letter-spacing: 0; font-weight: normal; -webkit-font-smoothing: antialiased; border: none !important; border-radius: 0; clear: both; float: none; text-align: left; white-space: nowrap; min-width:120px; } .splitbtn-dropdown .splitbtn-dropdown-content a:hover { background: #fafafa; } /* Searchable field ----------------------------------------------------------- */ .f2 .fieldrow > div.field.searchable_container { position: static; } .f2 .fieldrow > div.field.searchable_container .searchable_value > div > .pr20 { padding-top: 9px; } .f2 .fieldrow > div.field.searchable_container .btns { padding-top: 9px; display: block; } /* Rows cols ----------------------------------------------------------- */ .images_and_objects_table_wrapper { width: 100%; overflow: auto; } .images_and_objects_container .images_and_objects_table_wrapper + div.padded { padding-top: 12px; } table.jqrowscols { } table.jqrowscols th { font-size: 13px; padding: 0 12px 12px 0 !important; } table.jqrowscols td { border: 1px solid #eee; padding: 0; } table.jqrowscols tr.row-placeholder { opacity: 0.6; } table.jqrowscols tr { border-bottom: 1px solid #eee; } table.jqrowscols tr.row-inactive { } table.jqrowscols tr.row-inactive td[data-renderer="image"] > div, table.jqrowscols tr.row-inactive td[data-renderer="livedata"] > span { opacity: 0.4; display: block; } .images_and_objects_container table.jqrowscols tr.row-inactive td.f, .images_and_objects_container table.jqrowscols tr.row-inactive td { } .images_and_objects_container table.jqrowscols td.f, .images_and_objects_container table.jqrowscols td { border: 0; padding: 5px; height: 100px; background: #fcfcfc; } .images_and_objects_container table.jqrowscols td img.img { max-width: 100px; max-height: 100px; } table.jqrowscols.editable_image tr div.img-container.emptyimg img { width: 100px; height: 100px; } table.jqrowscols input.f { padding: 8px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% !important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } table.jqrowscols input.f.rowscols-input-unique-error { background: #ffb9b9; } table.jqrowscols th { font-weight: 200; } table.jqrowscols td div.cb-container { background: none; width: 16px; height: 16px; padding: 6px 0 0; margin: 0 auto; } table.jqrowscols td div.cb-container input[type='checkbox'] + label:before { margin: 0; } table.jqrowscols td .rowscols_editbtn { display: block; min-width: 16px; } table.jqrowscols td .rowscols_editbtn.hidden { display: none; } table.jqrowscols td .rowscols_editbtn a { display: block; text-indent: -9999px; position: relative; width: 100%; height: 55px; min-width: 16px; } table.jqrowscols td .rowscols_editbtn a:after { display: block; content: "."; line-height: 95px; width: 100%; margin: 0 0 0 0; text-align: center; /* font: normal normal normal 14px/1 FontAwesome; font-size: 14px; color: #ccc; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; */ text-indent: -9999px; position: absolute; top: 0; left: 0; opacity: 0.6; min-width: 16px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wZW5jaWw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iUGVuY2lsIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUwMDAwMCwgOS41MDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTkuNTAwMDAwKSB0cmFuc2xhdGUoNi4wMDAwMDAsIDAuMDAwMDAwKSIgZmlsbD0iIzlBOUE5QSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LDExLjA5NTIxNTUgTDcsMTMuMjQxMzcyNCBMMy41NTk0OTcyNiwxOC43NDczMjc3IEwwLDEzLjA1MDk0MTMgTDAsMTEgTDAsMTEuMDUwOTQxMyBMMy41NTk0OTcyNiwxNi43NDczMjc3IEw3LDExLjI0MTM3MjQgTDcsMTEuMDk1MjE1NSBaIiBpZD0iUmVjdGFuZ2xlLTEyLUNvcHktMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTA3NDU1NCwwIEwzLjAwOTI1NDQ2LDAgQzEuMzQ5NjcwNDEsMCAwLDEuMzQzMTQ1NzUgMCwzIEwwLDEzIEw3LDEzIEw3LDMgQzcsMS4zNDY1MTcxMiA1LjY1MjcxMDg5LDAgMy45OTA3NDU1NCwwIFogTTMuOTk1MTE4NSwxIEwzLjAwNDg4MTUsMSBDMS44OTM4OTk4LDEgMSwxLjg5NTQzMDUgMSwzIEw2LDMgQzYsMS44ODc3Mjk2NCA1LjEwMjM4Mzk4LDEgMy45OTUxMTg1LDEgWiBNMSwzIEw2LDMgTDYsMTMgTDEsMTMgTDEsMyBMMSwzIFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iMiIgeT0iMTUiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxIiB5PSI0IiB3aWR0aD0iNSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 50% 50% no-repeat; } table.jqrowscols td.expandbtn { background: none; text-align: center; } table.jqrowscols td.deletebtn { background: none; text-align: center; } table.jqrowscols td.deletebtn span:after { content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; color: #ccc; line-height: 30px; margin: 0 0 0 0; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } table.jqrowscols td.dnd-handle { background-image: none; text-align: center; } table.jqrowscols td.dnd-handle span:after { content: "\f0dc"; font: normal normal 900 14px/1 FontAwesome; font-size: 14px; color: #ccc; line-height: 30px; margin: 0 0 0 0; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .images_and_objects_container table.jqrowscols th { padding: 12px 12px 12px 5px !important; } .images_and_objects_container table.jqrowscols th:first-child { padding-left: 12px !important; } .images_and_objects_container table.jqrowscols th.header_help_note { background: none; padding-right: 30px !important; position: relative; } .images_and_objects_container table.jqrowscols th.header_help_note:before { position: absolute; top: 13px; right: 12px; display: block; vertical-align: middle; border: 1px solid #D8D8D8; border-radius: 50%; font-size: 8px; font-family: 'Baskerville'; font-weight: bold; font-style: normal; color: #71A4E7; line-height: 11px; background-color: #F9F9F9; height: 10px; width: 10px; padding: 0; display: block; -webkit-font-smoothing: antialiased; text-align: center; content: "i"; } .images_and_objects_container table.jqrowscols td .f { width: 100% !important; background: #fcfcfc !important; border: 1px solid #fcfcfc !important; -moz-border-radius: 2px; -webkit-border-radius: 2px; height: 100px; width: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-height: none !important; font-familiy: inherit; border-radius: 2px; transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out; } .images_and_objects_container table.jqrowscols tr:hover td .f { background-color: #fff !important; border: 1px solid #C8C8C8 !important; box-shadow: none !important; } .images_and_objects_container .rowscols-rte-content { border: 0 !important; position: relative; display: table; width: calc(100%); background: #fcfcfc; } .images_and_objects_container .rowscols-rte-content:hover { border: 0 !important; } .rowscols-rte-content .rowscols-rte-content-inner { max-height: 75px; overflow: hidden; width: 100%; height: 100px; background-color: transparent; border: 1px solid #fcfcfc !important; -moz-border-radius: 2px; -webkit-border-radius: 2px; width: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-height: none !important; font-familiy: inherit; border-radius: 2px; padding: 8px; transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out; } table[id*="exhibitions"] .rowscols-rte-content, table[id*="exhibitions"] .rowscols-rte-content .rowscols-rte-content-inner { max-width: 118px; } .images_and_objects_container table.jqrowscols tr:hover .rowscols-rte-content-inner { background-color: #fff; border: 1px solid #C8C8C8 !important; } .images_and_objects_container table.jqrowscols td .rowscols-livedata-content h4 a, .images_and_objects_container table.jqrowscols td .rowscols-livedata-content h4 a:visited { color: #aaa; } .images_and_objects_container table.jqrowscols td .rowscols-livedata-content .section, .images_and_objects_container #images_and_objects_expand_popup_content .rowscols-livedata-content .section { background: #fff; border: 1px solid #eee; border-radius: 2px; text-transform: uppercase; padding: 2px 4px; margin: 0 5px 5px 0; font-size: 10px; letter-spacing: 1px; text-indent: 2px; clear: none; float: left; } .images_and_objects_container table.jqrowscols td .rowscols-livedata-content .section.section-record-removed, .images_and_objects_container #images_and_objects_expand_popup_content .rowscols-livedata-content .section.section-record-removed { border: 1px solid #ce3146; background: #fbf7f8; color: #ce3146; -webkit-font-smoothing: subpixel-antialiased; } .images_and_objects_container table.jqrowscols td .rowscols-livedata-content .section.section-record-status, .images_and_objects_container #images_and_objects_expand_popup_content .rowscols-livedata-content .section.section-record-status { border: 1px solid #f7c000; background: #fbf7f8; color: #e67a03; -webkit-font-smoothing: subpixel-antialiased; } .rowscols-rte-content:hover { background: inherit; } .rowscols-rte-content:hover:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wZW5jaWw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iUGVuY2lsIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUwMDAwMCwgOS41MDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTkuNTAwMDAwKSB0cmFuc2xhdGUoNi4wMDAwMDAsIDAuMDAwMDAwKSIgZmlsbD0iIzlBOUE5QSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LDExLjA5NTIxNTUgTDcsMTMuMjQxMzcyNCBMMy41NTk0OTcyNiwxOC43NDczMjc3IEwwLDEzLjA1MDk0MTMgTDAsMTEgTDAsMTEuMDUwOTQxMyBMMy41NTk0OTcyNiwxNi43NDczMjc3IEw3LDExLjI0MTM3MjQgTDcsMTEuMDk1MjE1NSBaIiBpZD0iUmVjdGFuZ2xlLTEyLUNvcHktMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTA3NDU1NCwwIEwzLjAwOTI1NDQ2LDAgQzEuMzQ5NjcwNDEsMCAwLDEuMzQzMTQ1NzUgMCwzIEwwLDEzIEw3LDEzIEw3LDMgQzcsMS4zNDY1MTcxMiA1LjY1MjcxMDg5LDAgMy45OTA3NDU1NCwwIFogTTMuOTk1MTE4NSwxIEwzLjAwNDg4MTUsMSBDMS44OTM4OTk4LDEgMSwxLjg5NTQzMDUgMSwzIEw2LDMgQzYsMS44ODc3Mjk2NCA1LjEwMjM4Mzk4LDEgMy45OTUxMTg1LDEgWiBNMSwzIEw2LDMgTDYsMTMgTDEsMTMgTDEsMyBMMSwzIFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iMiIgeT0iMTUiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxIiB5PSI0IiB3aWR0aD0iNSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 50% 50% no-repeat; background-size: 15px auto; margin: 0; content: '.'; text-indent: -9999px; text-rendering: auto; display: block; position: absolute; top: 4px; right: 4px; width: 15px; height: 15px; } .images_and_objects_container table.jqrowscols td div.img-container { position: relative; float: left; } table.jqrowscols.editable_image td div.img-container .replace_image, .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container .replace_image, table.jqrowscols.editable_image td div.img-container .image_settings, .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container .image_settings { background: none; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; transition: background 0.3s ease-in-out; display: block !important; } table.jqrowscols.editable_image tr:hover td div.img-container .replace_image, .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image:hover .img-container .replace_image, table.jqrowscols.editable_image tr:hover td div.img-container .image_settings, .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image:hover .img-container .image_settings { background: rgba(0,0,0,0.4); } table.jqrowscols.editable_image td div.img-container:after, .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container.has-edit-link:after { content: '.'; text-indent: -9999px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTlweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTkgMTkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlNsaWNlIDE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJkb3dubG9hZCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgZmlsbD0iI0ZGRkZGRiI+ICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+ICAgICAgICAgICAgICAgIDxnIGlkPSJQZW5jaWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuNTAwMDAwLCA5LjUwMDAwMCkgcm90YXRlKDQ1LjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTkuNTAwMDAwKSB0cmFuc2xhdGUoNi4wMDAwMDAsIDAuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNywxMS4wOTUyMTU1IEw3LDEzLjI0MTM3MjQgTDMuNTU5NDk3MjYsMTguNzQ3MzI3NyBMMS43NzYzNTY4NGUtMTUsMTMuMDUwOTQxMyBMMS43NzYzNTY4NGUtMTUsMTEgTDEuNzc2MzU2ODRlLTE1LDExLjA1MDk0MTMgTDMuNTU5NDk3MjYsMTYuNzQ3MzI3NyBMNywxMS4yNDEzNzI0IEw3LDExLjA5NTIxNTUgTDcsMTEuMDk1MjE1NSBaIiBpZD0iUmVjdGFuZ2xlLTEyLUNvcHktMyI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMuOTkwNzQ1NTQsLTcuMTA1NDI3MzZlLTE1IEwzLjAwOTI1NDQ2LC03LjEwNTQyNzM2ZS0xNSBDMS4zNDk2NzA0MSwtNy4xMDU0MjczNmUtMTUgNy4xMDU0MjczNmUtMTUsMS4zNDMxNDU3NSA3LjEwNTQyNzM2ZS0xNSwzIEw3LjEwNTQyNzM2ZS0xNSwxMyBMNywxMyBMNywzIEM3LDEuMzQ2NTE3MTIgNS42NTI3MTA4OSwtNy4xMDU0MjczNmUtMTUgMy45OTA3NDU1NCwtNy4xMDU0MjczNmUtMTUgTDMuOTkwNzQ1NTQsLTcuMTA1NDI3MzZlLTE1IFogTTMuOTk1MTE4NSwxIEwzLjAwNDg4MTUsMSBDMS44OTM4OTk4LDEgMSwxLjg5NTQzMDUgMSwzIEw2LDMgQzYsMS44ODc3Mjk2NCA1LjEwMjM4Mzk4LDEgMy45OTUxMTg1LDEgTDMuOTk1MTE4NSwxIFogTTEsMyBMNiwzIEw2LDEzIEwxLDEzIEwxLDMgTDEsMyBMMSwzIFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5Ij48L3BhdGg+ICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTEiIHg9IjIiIHk9IjE1IiB3aWR0aD0iMyIgaGVpZ2h0PSIxIj48L3JlY3Q+ICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIHg9IjEiIHk9IjQiIHdpZHRoPSI1IiBoZWlnaHQ9IjEiPjwvcmVjdD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==) 50% 50% no-repeat; background-size: 18px auto; display: block; position: absolute; bottom: 8px; right: 8px; height: 20px; width: 20px; z-index: 200; pointer-events: none; transition: opacity 0.3s ease-in-out; opacity: 0; } table.jqrowscols.editable_image tr td div.img-container:after, .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container:after, table.jqrowscols.editable_image tr:hover td div.img-container:after, .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image:hover .img-container:after { opacity: 1; } /* table.jqrowscols.editable_image td div.img-container .replace_image:after, .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container .replace_image:after, table.jqrowscols.editable_image td div.img-container .image_settings:after, .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container .image_settings:after { content: '.'; text-indent: -9999px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTlweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTkgMTkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlNsaWNlIDE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJkb3dubG9hZCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgZmlsbD0iI0ZGRkZGRiI+ICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+ICAgICAgICAgICAgICAgIDxnIGlkPSJQZW5jaWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuNTAwMDAwLCA5LjUwMDAwMCkgcm90YXRlKDQ1LjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTkuNTAwMDAwKSB0cmFuc2xhdGUoNi4wMDAwMDAsIDAuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNywxMS4wOTUyMTU1IEw3LDEzLjI0MTM3MjQgTDMuNTU5NDk3MjYsMTguNzQ3MzI3NyBMMS43NzYzNTY4NGUtMTUsMTMuMDUwOTQxMyBMMS43NzYzNTY4NGUtMTUsMTEgTDEuNzc2MzU2ODRlLTE1LDExLjA1MDk0MTMgTDMuNTU5NDk3MjYsMTYuNzQ3MzI3NyBMNywxMS4yNDEzNzI0IEw3LDExLjA5NTIxNTUgTDcsMTEuMDk1MjE1NSBaIiBpZD0iUmVjdGFuZ2xlLTEyLUNvcHktMyI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMuOTkwNzQ1NTQsLTcuMTA1NDI3MzZlLTE1IEwzLjAwOTI1NDQ2LC03LjEwNTQyNzM2ZS0xNSBDMS4zNDk2NzA0MSwtNy4xMDU0MjczNmUtMTUgNy4xMDU0MjczNmUtMTUsMS4zNDMxNDU3NSA3LjEwNTQyNzM2ZS0xNSwzIEw3LjEwNTQyNzM2ZS0xNSwxMyBMNywxMyBMNywzIEM3LDEuMzQ2NTE3MTIgNS42NTI3MTA4OSwtNy4xMDU0MjczNmUtMTUgMy45OTA3NDU1NCwtNy4xMDU0MjczNmUtMTUgTDMuOTkwNzQ1NTQsLTcuMTA1NDI3MzZlLTE1IFogTTMuOTk1MTE4NSwxIEwzLjAwNDg4MTUsMSBDMS44OTM4OTk4LDEgMSwxLjg5NTQzMDUgMSwzIEw2LDMgQzYsMS44ODc3Mjk2NCA1LjEwMjM4Mzk4LDEgMy45OTUxMTg1LDEgTDMuOTk1MTE4NSwxIFogTTEsMyBMNiwzIEw2LDEzIEwxLDEzIEwxLDMgTDEsMyBMMSwzIFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5Ij48L3BhdGg+ICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTEiIHg9IjIiIHk9IjE1IiB3aWR0aD0iMyIgaGVpZ2h0PSIxIj48L3JlY3Q+ICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIHg9IjEiIHk9IjQiIHdpZHRoPSI1IiBoZWlnaHQ9IjEiPjwvcmVjdD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); 50% 50% no-repeat; background-size: 22px auto; text-align: center; line-height: 14px; margin: 0; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; height: 22px; width: 22px; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; opacity: 0; } table.jqrowscols.editable_image td div.img-container .replace_image:hover:after, .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container .replace_image:hover:after, table.jqrowscols.editable_image td div.img-container .image_settings:hover:after, .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container .image_settings:hover:after { opacity: 1; } */ /* Hide replace_image if focalpoint is enabled, otherwise hide image_settings */ table.jqrowscols.editable_image td div.img-container .replace_image, .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container .replace_image { position: absolute; left: -9999px; top: -9999px; z-index: 00; } #images_and_objects_expand_popup_content h4, #images_and_objects_expand_popup_content h4 a, #images_and_objects_expand_popup_content h4 a:visited { font-weight: 200; -webkit-font-smoothing: subpixel-antialiased; } .images_and_objects_container table.jqrowscols td.expandbtn span { background: none; position: relative; } .images_and_objects_container table.jqrowscols td.expandbtn span:after { content: "\f013"; font: normal normal normal 14px/1 FontAwesome; font-size: 16px; color: #ccc; line-height: 95px; margin: 0; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; content: "."; line-height: 95px; width: 100%; margin: 0 0 0 0; text-align: center; /* font: normal normal normal 14px/1 FontAwesome; font-size: 14px; color: #ccc; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; */ text-indent: -9999px; position: absolute; top: 0; left: 0; opacity: 0.6; min-width: 16px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wZW5jaWw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iUGVuY2lsIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUwMDAwMCwgOS41MDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTkuNTAwMDAwKSB0cmFuc2xhdGUoNi4wMDAwMDAsIDAuMDAwMDAwKSIgZmlsbD0iIzlBOUE5QSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LDExLjA5NTIxNTUgTDcsMTMuMjQxMzcyNCBMMy41NTk0OTcyNiwxOC43NDczMjc3IEwwLDEzLjA1MDk0MTMgTDAsMTEgTDAsMTEuMDUwOTQxMyBMMy41NTk0OTcyNiwxNi43NDczMjc3IEw3LDExLjI0MTM3MjQgTDcsMTEuMDk1MjE1NSBaIiBpZD0iUmVjdGFuZ2xlLTEyLUNvcHktMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTA3NDU1NCwwIEwzLjAwOTI1NDQ2LDAgQzEuMzQ5NjcwNDEsMCAwLDEuMzQzMTQ1NzUgMCwzIEwwLDEzIEw3LDEzIEw3LDMgQzcsMS4zNDY1MTcxMiA1LjY1MjcxMDg5LDAgMy45OTA3NDU1NCwwIFogTTMuOTk1MTE4NSwxIEwzLjAwNDg4MTUsMSBDMS44OTM4OTk4LDEgMSwxLjg5NTQzMDUgMSwzIEw2LDMgQzYsMS44ODc3Mjk2NCA1LjEwMjM4Mzk4LDEgMy45OTUxMTg1LDEgWiBNMSwzIEw2LDMgTDYsMTMgTDEsMTMgTDEsMyBMMSwzIFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iMiIgeT0iMTUiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxIiB5PSI0IiB3aWR0aD0iNSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 50% 50% no-repeat; } .images_and_objects_container table.jqrowscols td.deletebtn span { background: none; } .images_and_objects_container table.jqrowscols td.deletebtn span:after { content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; font-size: 16px; color: #ccc; line-height: 95px; margin: 0; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .images_and_objects_container table.jqrowscols td.dnd-handle span { background: none; } .images_and_objects_container table.jqrowscols td.dnd-handle span:after { content: "\f0dc"; font: normal normal 900 14px/1 FontAwesome; font-size: 16px; color: #ccc; line-height: 95px; margin: 0; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .f2 .fieldrow > div.field.images_and_objects_container { position: static; } .images_and_objects_container .images_and_objects_container_inner { border: 1px solid #eee; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .images_and_objects_container > .left { width: 100%; float: none; } .images_and_objects_container table.jqrowscols { width: 100%; /*margin-bottom: 12px;*/ overflow: auto; } .images_and_objects_container .cb-container { padding: 5px 0 0; } .images_and_objects_container .cb-container input[type='checkbox'] + label { padding: 35px 0 0 !important; text-align: center; margin: 0; } .images_and_objects_container div.padded { padding: 0 12px 12px; float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .images_and_objects_container div.padded object { display: block; } /* Images and objects expand row popup ----------------------------------------------------------- */ .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_item_details { border-bottom: 1px solid #eee; padding: 0 0 25px; margin : 0 0 25px; } .images_and_objects_container #images_and_objects_expand_popup_content .field.renderer_popuprte .f.full { padding: 0; } .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_item_details .extended_content { display: block; padding: 6px 0; } .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_item_details .extended_content:after { display: block; height: 0; content: '.'; overflow: hidden; clear: both; text-indent: -9999px; } /* Records grid ----------------------------------------------------------- */ body.records_page #content > .left { float: none; width: 100%; overflow-x: scroll; } /*body.records_page #page_container {*/ /* position: relative;*/ /* height: 100%;*/ /*}*/ /*body.records_page #container {*/ /* position: relative;*/ /*height: 100%;*/ /*}*/ body.records_page #footer { margin-top: -42px; position: relative; z-index: 200; width: 50%; max-width: 740px; bottom: 18px; position: fixed; /*position: absolute;*/ /*bottom: 20px;*/ z-index: 10; margin: 0; background: #fff; } @media screen and (max-height: 600px) and (min-width: 831px) { body.records_page #page_container { position: relative; } body.records_page #footer { position: absolute; bottom: 10px; } #content.subsection-pages .ui-pager-control { padding-top: 20px; } body.records_page .ui-jqgrid .ui-jqgrid-bdiv { min-height: 300px; } } .ui-jqgrid { min-width: 100% !important; border-radius: 0; border: 0; margin-bottom: 0; } .ui-jqgrid .ui-state-default, .ui-jqgrid .ui-widget-content .ui-jqgrid .ui-state-default { font-weight: bold; color: #111; -webkit-font-smoothing: antialiased; } .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { text-align: left; } #jqgh_is_live, #jqgh_in_browsable_works, #jqgh_not_on_subnav { text-align: center; } .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr { border: 0; } .ui-jqgrid .ui-state-default, .ui-jqgrid .ui-widget-content .ui-jqgrid .ui-state-default { border-bottom: 1px solid #eee; background: none; } .ui-jqgrid tr.ui-row-ltr:nth-child(2n + 1) { background: #fbfbfc !important; } .ui-jqgrid tr td:nth-of-type(1) .jqgrid-cell { padding-left: 3px; } .ui-jqgrid tr.ui-row-ltr td { border: 0; border-bottom: 1px solid #eee; } .ui-jqgrid tr.alt td { background: #fafafa; background: #fff; } .ui-jqgrid tr.ui-state-hover td { background: #fcfcfc; } .device-desktop .ui-jqgrid tr.ui-state-highlight td { background: #edf2fa; } .ui-jqgrid tr.jqgrow td { padding: 0 2px 0 0; font-weight: 200; /* peter removed this - not readable on small retina screens */ /* TOM put this back to match AOL, is it more ledgible on AOL ? */ height: 40px; white-space: nowrap; /* peter changed this from 'pre' */ } .ui-jqgrid tr td a.pagebrowser-uplink, .ui-jqgrid tr td a.pagebrowser-uplink:visited { font-size: 11px; letter-spacing: 1.5px; color: #ccc; text-transform: uppercase; text-decoration: none !important; border-radius: 2px; border: 1px solid #ddd; background: #fff; padding: 2px 2px; margin-left: 12px; } .ui-jqgrid .jqgrid-cell { padding: 0; } .ui-jqgrid .jqgrid-cell-label .jqgrid-cell { margin-right: 10px; overflow: hidden; } .ui-jqgrid .jqgrid-cell-filepath .jqgrid-cell { color: #a5a2a2; margin-right: 10px; overflow: hidden; } .ui-jqgrid .row-disabled .jqgrid-cell-filepath .jqgrid-cell { color: #C6C6C7; } .ui-jqgrid.hide-disabled-rows .row-disabled { display: none; } .ui-jqgrid .jqgrid-cell-content_type .jqgrid-cell, .ui-jqgrid .jqgrid-cell-content_type .jqgrid-cell a { display: flex; align-items: center; } .subsection-pages .ui-jqgrid .jqgrid-cell-filepath .jqgrid-cell, .subsection-pages .ui-jqgrid .jqgrid-cell-is_live .jqgrid-cell, .subsection-pages .ui-jqgrid .jqgrid-cell-not_on_subnav .jqgrid-cell { cursor: pointer!important; } .ui-jqgrid .jqgrid-cell .content-type-label { padding: 4px 8px 3px 8px; background-color: #E7F5FF; border: 1px solid #7bb8e0; border-radius: 2px; text-transform: uppercase; font-size: 9px; color: #005D9B; letter-spacing: 0.8px; margin-right: 9px; } .ui-jqgrid .jqgrid-cell .content-type-label:before { content: "\f0d0"; font: normal normal 300 14px/1 FontAwesome; font-size: 9px; color: #115B99; margin-right: 6px; margin-bottom: 2px; display: inline-block; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-jqgrid .jqgrid-cell .protected-page-label { padding: 4px 8px 3px 8px; background-color: #F8F0F6; border: 1px solid #c589b9; border-radius: 2px; text-transform: uppercase; font-size: 9px; color: #964586; letter-spacing: 0.8px; } .ui-jqgrid .jqgrid-cell .protected-page-label:before { content: "\f084"; font: normal normal 300 14px/1 FontAwesome; font-size: 9px; color: #964586; margin-right: 6px; margin-bottom: 2px; display: inline-block; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-jqgrid .jqgrid-cell .protected-page-label.protection-method-data-capture:before { content: "\f007"; } .ui-jqgrid .row-disabled .jqgrid-cell-content_type .jqgrid-cell { opacity: 0.5; } .ui-jqgrid .ui-jqgrid-view { width: 100% !important; height: auto; overflow: visible; } .ui-jqgrid .ui-jqgrid-pager .ui-pager-control { display: none; } #content.pagination_visible .ui-jqgrid .ui-jqgrid-pager .ui-pager-control { display: block; } .ui-jqgrid .ui-jqgrid-pager { width: 100% !important; height: auto; overflow: visible; min-height: 60px; } .ui-jqgrid .ui-jqgrid-pager .ui-pager-control { float: right; } .ui-jqgrid .ui-pager-control { padding: 10px 0 0; } .ui-jqgrid-labels .ui-state-default { background: #fff; } .ui-jqgrid .ui-state-default, .ui-jqgrid .ui-widget-content .ui-jqgrid .ui-state-default { border-color: #eee; } .ui-jqgrid .ui-state-default.ui-jqgrid-hdiv, .ui-jqgrid .ui-jqgrid-hbox, .ui-jqgrid .ui-jqgrid-htable { width: 100% !important; } .ui-jqgrid .ui-jqgrid-hbox, .ui-jqgrid .ui-jqgrid-htable { width: 100% !important; } .ui-jqgrid .ui-jqgrid-hbox { margin: 0 0 20px; } .ui-jqgrid .ui-jqgrid-bdiv, .ui-jqgrid .ui-jqgrid-btable { width: 100% !important; } .ui-jqgrid .ui-pg-table td { padding: 0 !important; color: #111 !important; font-weight: 200 !important; } .ui-jqgrid .ui-pager-control { padding: 25px 0 0; } .ui-jqgrid .ui-pager-control .ui-pg-table { width: auto !important; } .ui-jqgrid .ui-pager-control > .ui-pg-table > tbody > tr > td:nth-of-type(2) { text-align: right !important; padding-left: 15px !important; } .ui-jqgrid .ui-pager-control > .ui-pg-table > tbody > tr > td:nth-of-type(3) { display: none !important; } .ui-jqgrid .ui-pg-table td table.ui-pg-table { float: right; } .ui-jqgrid .ui-pg-table td table.ui-pg-table td { line-height: 20px; padding-left: 2px !important; background: none !important; border: none !important; } .ui-jqgrid .ui-pg-table td table.ui-pg-table td .ui-pg-input { padding: 0; margin: 0; border: 0; line-height: 20px; text-align: center; width: 20px; display: inline-block; } .ui-jqgrid .ui-pg-table td table.ui-pg-table td:nth-of-type(3), .ui-jqgrid .ui-pg-table td table.ui-pg-table td:nth-of-type(5) { display: none !important; } .ui-jqgrid .ui-pg-table td table.ui-pg-table td:nth-of-type(4) { padding-left: 12px !important; padding-right: 12px !important; } .ui-jqgrid .ui-pg-table td table.ui-pg-table td #sp_1 { text-align: center; width: 20px; display: inline-block; } .ui-jqgrid .ui-pg-table td table.ui-pg-table td .ui-icon { background: none !important; display: flex; align-items: center; text-align: center; text-indent: 0; margin-top: 3px; } .ui-jqgrid .ui-pg-table td table.ui-pg-table td .ui-icon.ui-icon-seek-first:after { content: "\f100"; font: normal normal normal 14px/1 FontAwesome !important; font-size: 22px !important; line-height: 16px !important; color: #111 !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-jqgrid .ui-pg-table td table.ui-pg-table td .ui-icon.ui-icon-seek-prev:after { content: "\f060"; font: normal normal 300 14px/1 FontAwesome !important; font-size: 13px !important; line-height: 16px !important; color: #111 !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-jqgrid .ui-pg-table td table.ui-pg-table td .ui-icon.ui-icon-seek-next:after { content: "\f061"; font: normal normal 300 14px/1 FontAwesome !important; font-size: 13px !important; line-height: 16px !important; color: #111 !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-jqgrid .ui-pg-table td table.ui-pg-table td .ui-icon.ui-icon-seek-end:after { content: "\f101"; font: normal normal normal 14px/1 FontAwesome !important; font-size: 22px !important; line-height: 16px !important; color: #111 !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-jqgrid .ui-pg-table td.jqgrid_record_count, .ui-jqgrid .ui-pg-table td table.ui-pg-table td#first, .ui-jqgrid .ui-pg-table td table.ui-pg-table td#last { display: none; } .ui-jqgrid .ui-separator { border: 0; } .ui-widget-content { background: none; } .ui-widget-content.ui-datepicker { width: 20em; background-color: #FFF; margin-top: 5px; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0; box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.1); } .ui-datepicker table { width: 100%; } .ui-datepicker th { background-color: #f6f6f6; font-size: 13px; padding: 3px 2px; border: 1px solid #efefef; } .ui-datepicker .ui-datepicker-title { font-weight: bold; } .ui-widget-content.ui-datepicker .ui-datepicker-prev, .ui-widget-content.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover { background: none; border: none; left: 0; top: 0; } .ui-widget-content.ui-datepicker .ui-datepicker-next, .ui-widget-content.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover { background: none; border: none; right: 0; top: 0; } .ui-widget-content.ui-datepicker .ui-datepicker-prev .ui-icon, .ui-widget-content.ui-datepicker .ui-datepicker-next .ui-icon { background: none; left: 0; top: 0; right: 0; margin: 0; bottom: 0; height: 100%; width: 100%; cursor: pointer; } .ui-widget-content.ui-datepicker .ui-datepicker-prev .ui-icon:before, .ui-widget-content.ui-datepicker .ui-datepicker-next .ui-icon:before { content: "\f0d9"; font: normal normal 900 14px/1 FontAwesome !important; font-size: 13px !important; line-height: 24px !important; color: #666 !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; text-align: center; position: absolute; top: 0; left: 0; width: 100%; text-indent: 0; } .ui-widget-content.ui-datepicker .ui-datepicker-next .ui-icon:before { content: "\f105"; } .ui-datepicker .ui-datepicker-header { background: none; border: none; font-weight: 200; margin: 0; padding: 11px; } .ui-widget-content.ui-datepicker .ui-datepicker-prev { top: 10px !important; left: 8px !important; } .ui-widget-content.ui-datepicker .ui-datepicker-next { top: 10px !important; right: 8px !important; } .ui-widget { font-family: inherit; font-size: inherit; } .ui-datepicker td { border: 1px solid #eee; padding: 0; transition: background 200ms linear, border 200ms linear; } .ui-datepicker td:hover { background: #dfeef9; border-color: #dfeef9; } .ui-datepicker td a.ui-state-hover { color: inherit; } .ui-widget-content.ui-datepicker .ui-state-default { background: none; border: none; font-weight: 200; } .ui-timepicker-div { padding: 0 12px; } .ui-timepicker-div dl dt { float: left; margin: 0; width: 35%; clear: both; margin-bottom: 10px; height: auto; } .ui-timepicker-div dl dd { float: left; margin: 0; width: 65%; height: auto; margin-bottom: 10px; } .ui-timepicker-div dl dd.ui-slider { margin-top: 3px; width: calc(65% - 2px); height: 10px; } .ui-timepicker-div dl dt.ui_tpicker_time_label { padding-bottom: 5px; } .ui-timepicker-div dl dt.ui_tpicker_timezone_label { padding: 8px 0 0; } .ui-timepicker-div .datepicker_panel_timezone_select { float: left; margin: 0 10px 0 0; } .ui-timepicker-div .datepicker_panel_timezone_sync_container { float: left; padding: 7px 0 0; position: relative; } .ui-timepicker-div .datepicker_panel_timezone_sync_container .datepicker_panel_hover_tooltip { position: absolute; top: 90%; left: 90%; border-radius: 2px; border: 1px solid #eee; padding: 8px; background: #fff; display: inline-block; white-space: nowrap; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); pointer-events: none; opacity: 0; transition: opacity 400ms ease-in-out; } .ui-timepicker-div .datepicker_panel_timezone_sync_container:hover .datepicker_panel_hover_tooltip { opacity: 1; } .ui_tpicker_time { font-weight: bold; } .ui_tpicker_minute_label { padding: 5px 0 0; } .ui_tpicker_timezone { padding: 1px 0 0; } .ui-jqgrid .jqgrow, .ui-jqgrid .ui-state-highlight, .ui-jqgrid .ui-widget-content .ui-state-highlight, .ui-jqgrid .jqgrow.ui-state-hover, .ui-jqgrid .jqgrow.ui-state-focus, .ui-jqgrid .jqgrow.ui-state-highlight { background-color: transparent !important; } .ui-widget-content.ui-datepicker .ui-state-default.ui-state-highlight { background-color: #f8f8f8; } .ui-widget-content.ui-datepicker .ui-datepicker-current-day { border-color: #78C7FB !important; } .ui-widget-content.ui-datepicker .ui-state-default { transition: background 200ms linear; } .ui-widget-content.ui-datepicker td .ui-state-default.ui-state-active { font-weight: bold; background: #78C7FB; color: #FFF; } .ui-datepicker td span, .ui-datepicker td a { text-align: center; padding: 7px 2px; } .ui-jqgrid .jqgrow, .ui-jqgrid .jqgrow td { transition: all 0.4s ease-in-out; } .ui-jqgrid .jqgrow.ui-state-highlight { background-color: #fbfbfc !important; border: inherit !important; } .ui-jqgrid .jqgrow.tDnD_whileDrag { background-color: #eaf0fa !important; border-color: #eaf0fa !important; } .ui-jqgrid .jqgrow.tDnD_whileDrag td { background-color: #eaf0fa !important; border-color: #eaf0fa !important; } .jqgrid_btns { min-height: 42px; margin-top: -43px; position: relative; z-index: 10; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; padding: 5px 0 5px; border-color: #eee; } .jqgrid_btns .squarebtns li { margin-right: 10px !important; } .jqgrid-bool-false, .jqgrid-bool-true { background: none; padding: 0; text-align: center; } .jqgrid-bool-false:after, .jqgrid-bool-true:after { content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; font-size: 13px; color: #dedede; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .jqgrid-bool-false:after { content: "\f00d"; } .ui-state-hover .jqgrid-bool-false:after { color: #ccc; } .jqgrid-bool-true:after { color: #80CDFF; /* peter changed this to blue from green #4BD23C */ } .ui-jqgrid .ui-pg-input { padding: 0; height: auto; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-jqgrid .ui-pg-input { font-family: 'ProximaNova', Sans-Serif; color: #111; font-size: 1em; } .ui-jqgrid .jqgrid-editpencil, .ui-jqgrid .jqgrid-header-edit { background: none; } /*.ui-jqgrid .jqgrid-editpencil:after, .ui-jqgrid .jqgrid-header-edit:after { content: "\f040"; font: normal normal normal 14px/1 FontAwesome; font-size: 13px; line-height: 15px; color: #888; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/ tr.jqgrow .jqgrid-editpencil { opacity: 0; transition: opacity 0.1s ease; } tr.jqgrow:hover .jqgrid-editpencil { opacity: 1; animation: squish-pencil 0.3s ease; } @keyframes squish-pencil { 0% { transform: scale(0.2); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .ui-jqgrid .jqgrid-editpencil, .ui-jqgrid .jqgrid-header-edit { display: inline-block; cursor: pointer; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wZW5jaWw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iUGVuY2lsIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUwMDAwMCwgOS41MDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTkuNTAwMDAwKSB0cmFuc2xhdGUoNi4wMDAwMDAsIDAuMDAwMDAwKSIgZmlsbD0iIzlBOUE5QSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LDExLjA5NTIxNTUgTDcsMTMuMjQxMzcyNCBMMy41NTk0OTcyNiwxOC43NDczMjc3IEwwLDEzLjA1MDk0MTMgTDAsMTEgTDAsMTEuMDUwOTQxMyBMMy41NTk0OTcyNiwxNi43NDczMjc3IEw3LDExLjI0MTM3MjQgTDcsMTEuMDk1MjE1NSBaIiBpZD0iUmVjdGFuZ2xlLTEyLUNvcHktMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTA3NDU1NCwwIEwzLjAwOTI1NDQ2LDAgQzEuMzQ5NjcwNDEsMCAwLDEuMzQzMTQ1NzUgMCwzIEwwLDEzIEw3LDEzIEw3LDMgQzcsMS4zNDY1MTcxMiA1LjY1MjcxMDg5LDAgMy45OTA3NDU1NCwwIFogTTMuOTk1MTE4NSwxIEwzLjAwNDg4MTUsMSBDMS44OTM4OTk4LDEgMSwxLjg5NTQzMDUgMSwzIEw2LDMgQzYsMS44ODc3Mjk2NCA1LjEwMjM4Mzk4LDEgMy45OTUxMTg1LDEgWiBNMSwzIEw2LDMgTDYsMTMgTDEsMTMgTDEsMyBMMSwzIFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iMiIgeT0iMTUiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxIiB5PSI0IiB3aWR0aD0iNSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 50% 50% no-repeat; vertical-align: middle; } .ui-jqgrid .jqgrid-editpencil:hover, .ui-jqgrid .jqgrid-header-edit:hover { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wZW5jaWw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iUGVuY2lsIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUwMDAwMCwgOS41MDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTkuNTAwMDAwKSB0cmFuc2xhdGUoNi4wMDAwMDAsIDAuMDAwMDAwKSIgZmlsbD0iIzUxQThFMCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LDExLjA5NTIxNTUgTDcsMTMuMjQxMzcyNCBMMy41NTk0OTcyNiwxOC43NDczMjc3IEwwLDEzLjA1MDk0MTMgTDAsMTEgTDAsMTEuMDUwOTQxMyBMMy41NTk0OTcyNiwxNi43NDczMjc3IEw3LDExLjI0MTM3MjQgTDcsMTEuMDk1MjE1NSBaIiBpZD0iUmVjdGFuZ2xlLTEyLUNvcHktMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTA3NDU1NCwwIEwzLjAwOTI1NDQ2LDAgQzEuMzQ5NjcwNDEsMCAwLDEuMzQzMTQ1NzUgMCwzIEwwLDEzIEw3LDEzIEw3LDMgQzcsMS4zNDY1MTcxMiA1LjY1MjcxMDg5LDAgMy45OTA3NDU1NCwwIFogTTMuOTk1MTE4NSwxIEwzLjAwNDg4MTUsMSBDMS44OTM4OTk4LDEgMSwxLjg5NTQzMDUgMSwzIEw2LDMgQzYsMS44ODc3Mjk2NCA1LjEwMjM4Mzk4LDEgMy45OTUxMTg1LDEgWiBNMSwzIEw2LDMgTDYsMTMgTDEsMTMgTDEsMyBMMSwzIFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iMiIgeT0iMTUiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxIiB5PSI0IiB3aWR0aD0iNSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); } .ui-jqgrid .jqgrid-editpencil, .ui-jqgrid .jqgrid-header-edit { width: 17px; height: 17px; background-size: 17px 17px; } .ui-jqgrid .jqgrid-editpencil a, .ui-jqgrid .jqgrid-header-edit a { width: 17px; height: 17px; display: block; } /*.aui-pencil { width: 17px; height: 17px; background-size: 17px 17px; }*/ .aui-pencil-medium { width: 38px; height: 38px; background-size: 38px 38px; } .aui-pencil-large { width: 76px; height: 76px; background-size: 76px 76px; } .aui-pencil-very-large { width: 190px; height: 190px; background-size: 190px 190px; } .ui-jqgrid .jqgrid-header-edit, .ui-jqgrid .jqgrid-header-edit:after { background: none; content: ''; } .ui-jqgrid tr.jqgrow td.jqgrid-td-move { background-image: none; text-align: center !important; } .ui-jqgrid tr.jqgrow td.jqgrid-td-move-disabled { background-image: none; } .ui-jqgrid tr.jqgrow td.jqgrid-td-move:before, .ui-jqgrid tr.jqgrow td.jqgrid-td-move:after { content: "\f142"; font: normal normal normal 14px/1 FontAwesome; font-size: 13px; color: #aaa; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-jqgrid tr.jqgrow td.jqgrid-td-move:before { padding-right: 2px; } .ui-jqgrid .jqgrid-locked, .ui-jqgrid .jqgrid-header-locked { background: none; } .ui-jqgrid .jqgrid-locked:after { content: "\f023"; font: normal normal normal 14px/1 FontAwesome; font-size: 10px; color: #888; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-widget-content a { color: #111; } /* Records grid ----------------------------------------------------------- */ body.page-pages #content { padding-bottom: 110px; /* Changed from margin to padding - safari does not render margin-bottom on floated final element on page. */ float: left; width: 100%; box-sizing: border-box; } body.page-pages #footer { position: fixed; left: 0; bottom: 0; right: 0; padding: 0 40px; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; z-index: 2000; max-width: 1280px; margin: 0 auto; } body.page-pages #footer .inner { padding: 20px 0; min-width: 1000px; margin: 0 auto; border-top: 1px solid #eee; } /* Modal windows ----------------------------------------------------------- */ body.simple-modal { margin: 0; padding: 0; } body.simple-modal h1 { color: #111; margin: 0 0 15px; } /* Other stuff ----------------------------------------------------------- */ /* CMS Uploader (mutliple file HTML5 uploader) ----------------------------------------------------------- */ .cmsuploader_button { float: left; } .cmsuploader_button > div { padding: 0 !important; } .cmsuploader_button > div > div.uploadifive-button { line-height: inherit !important; height: 19px !important; width: auto !important; cursor: pointer; padding: 7px 16px !important; } .cmsuploader_button input { cursor: pointer; } .cmsuploader_queue_wrapper { width: 400px; height: 400px; position: fixed; z-index: 2000; top: 50%; left: 50%; margin: -220px 0 0 -220px; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); background: #fff; padding: 20px; display: none; } .f2 .fieldrow .cmsuploader_queue_wrapper h3 { margin: 0 0 15px; } .cmsuploader_queue_wrapper .cmsuploader_queue { width: 100%; height: 330px; border: 0; margin: 0 0 15px; } .cmsuploader_queue_wrapper .cmsuploader_queue .uploadifive-queue-item { padding: 0 0 12px; margin: 0 0 12px; border-bottom: 1px solid #eee; } .cmsuploader_queue_wrapper .cmsuploader_queue .uploadifive-queue-item .close { float: right; text-indent: -9999px; position: relative; width: 12px; height: 12px; background: none; } .cmsuploader_queue_wrapper .cmsuploader_queue .uploadifive-queue-item .close:after { content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; font-size: 16px; color: #ccc; margin: 0; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; text-indent: 0; } .cmsuploader_queue_wrapper .cmsuploader_cancel { float: left; margin: 0 !important; } .cmsuploader_queue_wrapper .cmsuploader_cancel a, .cmsuploader_queue_wrapper .cmsuploader_cancel a:visited { text-decoration: none; color: #888; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; line-height: 19px; background: #fefefe; font-weight: 200; text-decoration: none; } .cmsuploader_queue_wrapper .cmsuploader_results { float: right; margin: 0 !important; } .cmsuploader_queue_wrapper .progress { background: #eee; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; overflow: hidden; margin: 10px 0 0; } .cmsuploader_queue_wrapper .progress .progress-bar { background: #78C7FB; height: 10px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; width: 0; -webkit-transition: width 500ms ease-in-out; transition: width 500ms ease-in-out; } /* Archimedesuploader (mutliple file FLASH uploader) ----------------------------------------------------------- */ #archimedes_upload_status_wrapper { width: 400px; height: 400px; position: fixed; z-index: 2000; top: 50%; left: 50%; margin: -220px 0 0 -220px; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); background: #fff; padding: 20px; display: none; } #archimedes_upload_status_wrapper h3 { margin: 0 0 15px; } #archimedes_upload_status_wrapper #fileQueue { width: 100%; height: 330px; border: 0; margin: 0 0 15px; } #archimedes_upload_status_wrapper #fileQueue .uploadifyQueueItem { padding: 0 0 12px; margin: 0 0 12px; border-bottom: 1px solid #eee; } #archimedes_upload_status_wrapper #fileQueue .uploadifyQueueItem .cancel a:after { content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; font-size: 16px; color: #ccc; margin: 0 8px 0 0; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #archimedes_upload_status_wrapper #fileQueue .uploadifyQueueItem .cancel a img { display: none; } #archimedes_upload_status_wrapper #fileUploadCancel { float: left; margin: 0 !important; } #archimedes_upload_status_wrapper #fileUploadCancel a, #archimedes_upload_status_wrapper #fileUploadCancel a:visited { text-decoration: none; color: #888; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; line-height: 19px; background: #fefefe; font-weight: 200; text-decoration: none; } #archimedes_upload_status_wrapper #fileUploadResults { float: right; margin: 0 !important; } #archimedes_upload_status_wrapper .uploadifyProgress { background: #eee; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; overflow: hidden; } #archimedes_upload_status_wrapper .uploadifyProgressBar { background: #78C7FB; height: 10px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; width: 0; -webkit-transition: width 500ms ease-in-out; transition: width 500ms ease-in-out; } /* Popups (aolpromptbox) ----------------------------------------------------------- */ div.aolpromptbox.forced_z_index { z-index: 20000 !important; } div.aolprompt { font: inherit; } div.aolpromptfade { background: rgba(240, 240, 240, 0.9) !important; opacity: 1 !important; } .editwin_body_fancybox #fancybox-outer, body#editwin_body .aolprompt, div.aolprompt { border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } div.aol-default-prompt-text { padding: 0; background: none; } div.aolprompt .aolpromptmessage { padding: 20px 10px; font-weight: 200; } div.aolprompt .aolpromptmessage h2 { display: block; float: none; margin: 0 0 15px; } div.aol-default-prompt-text { font-weight: 200; } div.aolprompt .aolpromptbuttons { background: none; border: 0; border-top: 1px solid #eee; margin: 0 10px; padding: 15px 0 10px; } button[name="aolprompt_state0_buttonAdd Domain"] span, #buttons_below > li > a.add-first-domain { background: #78C7FB; border-color: #78C7FB !important; color: #fff; } .aolpromptbuttons:has(button[name="aolprompt_state0_buttonAdd Domain"]) { border-top: none; } div.aolprompt .aolpromptbuttons button { margin: 0 0 0 10px !important; outline: none; } div.aolprompt .aolpromptbuttons button.left { margin: 0 10px 0 0 !important; } div.aolprompt .aolpromptclose { height: 30px; width: 30px; background: none; font-family: inherit; cursor: pointer; outline: none; text-indent: 100%; white-space: nowrap; overflow: hidden; height: 33px; width: 33px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImNsb3NlLWJ0biIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMzI0MTE2LCAxNy4zMjQxMTYpIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC0xOC4zMjQxMTYsIC0xNy4zMjQxMTYpIHRyYW5zbGF0ZSg1LjgyNDExNiwgNS4zMjQxMTYpIiBmaWxsPSIjOTA5MDkwIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxMiIgeT0iMS4xMzY4NjgzOGUtMTMiIHdpZHRoPSIxIiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCAxMi4wMDAwMDApIHJvdGF0ZSgtMjcwLjAwMDAwMCkgdHJhbnNsYXRlKC0xMi41MDAwMDAsIC0xMi4wMDAwMDApICIgeD0iMTIiIHk9IjEuMTM2ODY4MzhlLTEzIiB3aWR0aD0iMSIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 50% 50% no-repeat; background-size: 33px 33px; top: 5px; right: 5px; } .primary-domain-label { font-weight: 400; text-transform: uppercase; background: #E9E9E9; font-size: 9px; padding: 4px 7px 3px 7px; line-height: 10.96px; border-radius: 62px; letter-spacing: 1px; } #domain-list-grid { display: grid; } #domain-headlines { display: grid; grid-template-columns: 350px 200px 150px 150px; white-space: nowrap; margin-top: 2em; color: #777; } .domain-containers { font-weight: 400; white-space: nowrap; display: grid; grid-template-columns: 350px auto auto 150px; border-top: 1px solid #eee; margin-bottom: 2em; background-color: #fff; justify-items: stretch; } .domain-containers>div { border-bottom:1px solid #ececec; display: grid; grid-template-rows: 67px; align-items: center; } .domain-containers>div:not(.domain-options-cell) { align-content: center; } .domain-containers i.far, .domain-management-dropdown i.far { font-weight: 900; } .domain-containers .connection-success { color:#459338; } .domain-options-cell { display: grid; justify-content: end; } .domain-options-cell, li button.domain-options-sticky { position: relative; } li button.domain-options-sticky { border: 1px solid #C8C8C8; border-radius: 20px; line-height: 2em; padding: 7px 18px; } .domain-options-sticky .fa-cog:before { font-size: 1.3em; position: absolute; left: .75em; color: #CACACA; top:10.5px; } .domain-management-dropdown { cursor: pointer; width: 218px; display:none; box-shadow: 4px 4px 24px -4px #00000040; border-radius: 8px; position: absolute; right: 10%; top: 50%; z-index: 9; background: #fff; } .domain-management-dropdown > div { padding: 10px; } .domain-management-dropdown > div:first-child { border-bottom: 1px solid #ececec; } .domain-management-option { padding: 10px; } .domain-containers .connection-failure, .remove-domain-button { color: #D40606; } .domain-request-loader { background: #fff; display: none; height: 100vh; left: 0; opacity: .75; position: fixed; top: 0; width: 100vw; z-index: 99999; } .domain-request-loader.loading { display: block; } .domain-request-loader svg.loader { animation: rotate 2s linear infinite; display: block; height: 40px; left: 50%; margin: -10px 0 0 -10px; position: absolute; top: 50%; transform-origin: center center; width: 40px; } .domain-request-loader svg.loader .path { animation: dash 1.5s ease-in-out infinite; stroke: #888; stroke-dasharray: 1, 200; stroke-dashoffset: 0; stroke-linecap: round; } @keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } div.aolprompt .image_record_alt_text_container div { float: left; margin: 0 14px 0 0; } div.aolprompt .image_record_alt_text_container .image_record_alt_text_display { color: #999; } div.aolprompt .image_record_alt_text_container .image_record_alt_text_display.empty:after { content: 'Not entered'; color: #ffa500; } #uploading_loader { padding: 8px; } /* Other popups ----------------------------------------------------------- */ #editwin_body .archimedes_towin h1 { text-align: left; min-width: 0; width: auto; font-size: 17px; color: #111; padding: 10px 0 0; margin: 0 0 25px; font-weight: 200; text-transform: uppercase; letter-spacing: 2.5px; -webkit-font-smoothing: subpixel-antialiased; } #editwin_body .archimedes_towin.dcu_popup_content h1 { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 60px 20px 0; margin: 0; border-bottom: 1px solid #eee; max-width: none; } @media screen and (max-height: 730px) { #editwin_body .dcu_popup_content iframe { height: calc(100vh - 150px) !important; } } .archimedes_towin.datasource_selector { position: fixed !important; top: 20px !important; bottom: 20px !important; height: auto; margin: 0 !important; overflow:hidden; } .datasource_selector { width: 820px; } .datasource_selector .objects_area { height: auto; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #eee; margin: 0 0 12px; position: absolute; left: 20px; right: 20px; bottom: 70px; top: 70px; } .datasource_selector .datasource-selector-footer-container { bottom: 20px; right: 20px; position: absolute; } .datasource_selector .pagination { padding: 0; bottom: 32px; left: 20px; position: absolute; } .datasource_selector .datasource-selector-tools-container { margin-right: 40px; } .datasource_selector .datasource-selector-tools-container .datasource-selector-tools-search { padding-right: 0; } .datasource_selector .datasource-selector-tools-container .datasource-selector-tools-search.quick_search_form .f.qs { padding: 7px; min-height: 16px; width: 160px; } .datasource_selector .datasource-selector-tools-container .datasource-selector-tools-search.quick_search_form .qs_submit_container .squarebtn a { height: 32px; } .datasource_selector .datasource-selector-tools-container .datasource-selector-tools-search.quick_search_form .qs_submit_container .squarebtn a:before { line-height: 34px; } .datasource_selector .datasource-selector-footer-container .squarebtns { margin: 0; } .datasource_selector .row .preview_link_outer { display: block; position: absolute; right: 40px; top: 16px; height: 18px; width: 18px; top: 50%; margin-top: -8px; } .datasource_selector .row .preview_link_outer a.preview_link { display: block; height: 18px; width: 18px; text-indent: -9999px; position: relative; } .datasource_selector .row .preview_link_outer a.preview_link:after { display: block; content: "\f06e"; font: normal normal normal 16px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #999; position: absolute; top: 0; left: 0; text-indent: 0; } .datasource_selector .row:after { content: "\f055"; font: normal normal normal 16px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; background: none; border: none; color: #78C7FB; top: 50%; margin-top: -8px; } .datasource_selector .row:hover:after { background: none; border: none; } .datasource_selector .row { border-bottom: 1px solid #eee; min-height: 50px; } .datasource_selector .row:hover { background: #fff !important; } .datasource_selector .row:nth-child(2n), .datasource_selector .row:nth-child(2n):hover { background: #fbfbfc !important; } .datasource_selector .row .label_container { padding: 10px 0 10px 10px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 50px; display: flex; align-items: center; justify-content: center; } .datasource_selector .row .extended_content { display: block; padding: 6px 0; } .datasource_selector .row .section { background: #fff; border: 1px solid #eee; border-radius: 2px; text-transform: uppercase; padding: 2px 4px; margin: 0 5px 5px 0; font-size: 10px; letter-spacing: 1px; text-indent: 2px; clear: none; float: left; } #archimedes_mask_el { background: rgba(240, 240, 240, 0.9) !important; opacity: 1 !important; } .archimedes_towin { border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); padding: 20px; margin: 0 !important; } #archimedes_closebox_el, .archimedes_closebox_el { height: 30px !important; width: 30px !important; background: none !important; font-family: inherit !important; cursor: pointer !important; outline: none !important; text-indent: -9999px !important; height: 33px !important; width: 33px !important; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImNsb3NlLWJ0biIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMzI0MTE2LCAxNy4zMjQxMTYpIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC0xOC4zMjQxMTYsIC0xNy4zMjQxMTYpIHRyYW5zbGF0ZSg1LjgyNDExNiwgNS4zMjQxMTYpIiBmaWxsPSIjOTA5MDkwIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxMiIgeT0iMS4xMzY4NjgzOGUtMTMiIHdpZHRoPSIxIiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCAxMi4wMDAwMDApIHJvdGF0ZSgtMjcwLjAwMDAwMCkgdHJhbnNsYXRlKC0xMi41MDAwMDAsIC0xMi4wMDAwMDApICIgeD0iMTIiIHk9IjEuMTM2ODY4MzhlLTEzIiB3aWR0aD0iMSIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 50% 50% no-repeat !important; background-size: 33px 33px !important; margin: 15px 0 0 -31px; } #popupeditor_mce_container .fnote { display: none; } #popupeditor_mce_editor_container { margin: 0 0 10px; } /* image upload */ .panel { padding: 0 !important; background: none; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* dock related stuff */ .aol-dock { position: fixed; left: 0; right: 0; bottom: 0; height: 400px; padding: 40px; background: #f4f4f4; box-shadow: inset 0 4px 40px rgba(0,0,0,0.2); transform: translateY(100%); transition: transform 0.3s ease; } .aol-dock-active .aol-dock { transform: translateY(0); } .aol-dock-button { display: none; position: fixed; width: 50px; height: 50px; border-radius: 50%; /*top: 0;*/ right: 25px; bottom: 20px; background: #A8D3EF; z-index: 1200; animation: dock-button-appear 0.3s ease; } @keyframes dock-button-appear { 0% { transform: translateY(50px); } 50% { transform: translateY(-8px); } 100% { transform: translateY(0); } } #aol-dock-module-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; z-index: 2999; background: rgba(0,0,0,0.1); display: none; opacity: 0; transition: opacity 400ms ease-in-out; } .aol-dock-module-active-state-animate #aol-dock-module-mask { display: block; } .aol-dock-module-active-state.aol-dock-module-active-state-animate #aol-dock-module-mask { opacity: 1; } .aol-dock-module { position: fixed; max-width: 1150px; min-width: 980px; width: 90%; top: 0; right: 0px; left: auto !important; bottom: 0; z-index: 3000; background: #fff; transform: translateX(100%); transition: transform 0.3s ease, box-shadow 0.3s ease; } .aol-dock-module-active-state:hover .aol-dock-module { /*transform: translateX(70%);*/ } .aol-dock-module:hover { /*transform: translateX(0) !important;*/ } .aol-dock-module-active { transform: translateX(0); box-shadow: 0 0 42px rgba(0,0,0,0.06); box-shadow: 0 0 42px rgba(0,0,0,0.4); } .aol-dock-module-preview { position: relative; display: inline-block; background: #fff; padding: 10px; border-radius: 24px; box-shadow: 0 35px 80px rgba(0,0,0,0.1); transform-origin: top left; transform: scale(0.3); } .aol-dock .aol-dock-module { position: static; width: 1000px; height: 800px; transform: none; } .aol-dock-module-preview:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .aol-dock-module-header { display: none; margin: 0; padding: 5px 20px; height: 40px !important; background: #fcfcfc; border-bottom: 1px solid #eee; } .aol-dock-module-title { height: 100%; width: calc(100% - 70px); font-size: 20px; padding: 10px 0 0; font-family: 'ProximaNova', Sans-Serif; font-weight: 200; color: #111; font-size: 16px; letter-spacing: 2px; text-align: left; text-transform: uppercase; } #editwin_body h1 span#heading { padding: 0; } .aol-dock-module-close { position: absolute; top: 12px; right: 12px; height: 30px; background: none; font-family: inherit; cursor: pointer; outline: none; border: none; } .aol-dock-module-close:before { content: "\00D7"; font-size: 35px; font-weight: normal; -webkit-font-smoothing: antialiased; color: #bbb; line-height: 22px; } .aol-dock-module-content { height: 100%; } .aol-dock-module-iframe { height: 100%; width: 100%; border: none; } /* CSS OVERRIDES FOR THIS APP */ .aol-dock-module { /*top: 28px;*/ z-index: 6000; } .aol-dock-module-title { text-transform: uppercase; letter-spacing: 2.5px; } [contenteditable] { outline: none; cursor: text; } .popline { background: rgba(0,0,0,0.65); border: none; border-radius: 0; padding: 0; margin-top: -20px; } .popline .popline-button { padding: 5px 5px 7px; margin: 0; transition: background 0.4s ease; } .popline .popline-button:hover { transition: background 0.4s ease; background: rgba(0,0,0,0.5); } .panel { -webkit-user-select: none; user-selct: none; } #page_container { transform-origin: center left; transition: transform 0.3s ease; } .aol-dock-module-active-state #page_container { /*transform: scale(0.9);*/ } /* Fancybox */ #fancybox-overlay { z-index: 2000; } #fancybox-wrap { z-index: 2001; } body.section-admin #fancybox-wrap.editwin_body_fancybox { height: 500px !important; max-height: calc(100vh - 60px); max-width: calc(100vw - 40px); position: fixed !important; transform: translate(-50%, -50%); top: 50% !important; left: 50% !important; } body.section-admin #fancybox-wrap.editwin_body_fancybox #fancybox-inner { width: 98% !important; height: 98% !important; } body.section-admin .editwin_body_fancybox #fancybox-close { top: 20px; right: 30px; } /* Embedded images mechanism --------------------------------------------------- */ .embedded_img { max-width: 100%; margin: 0 0 15px; } .embedded_img.right { padding: 0 0 10px 15px; float: right; } .embedded_img.left { padding: 0 15px 10px 0; float: left; } .embedded_img a, .embedded_img a:visited { text-decoration: none; } .embedded_img img { max-width: 100%; display: block; } .embedded_img_caption { font: 11px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; color: #999; text-decoration: none; } .embedded_img_copyright { font: 11px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; color: #999; text-decoration: none; font-style: italic; } /* Font records --------------------------------------------------- */ .fieldrow.font_upload_warning .warning_list li { font-weight: bold; display: none; } #fonts--font_type-carousel { padding-bottom: 30px; } #fonts--font_type-carousel .owl-wrapper-outer .owl-wrapper .owl-item:nth-of-type(2) .field_type_radio_icon_item { padding-right: 1px; } .google_fonts_edit .font-preview input { font-size: 16px; height: 80px; } .google_fonts_edit .fieldrow label.left-column .fl { padding-top: 3px; } /* Website launch guide --------------------------------------------------- */ .help_guide_navigation { float:left; width: 250px; margin-top: 32px; box-sizing: border-box; border: 1px solid #EAEAEA; font-size: 14px; color: #333333; text-align: left; line-height: 26px; } .help_guide_navigation ul { list-style: none; padding-left: 0; margin-left: 0; } .help_guide_navigation ul li { line-height: 45px; padding-left: 15px; } .help_guide_navigation ul li:not(:last-child) { border-bottom: 1px solid #EAEAEA; } .help_guide_navigation a { color: #888; display: block; } .help_guide_navigation a.verified:after { float: right; padding: 15px; top: -1px; left: 0; color: #93cd29; content: "\f00c"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 1.2em; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .help_guide_navigation a.active, .help_guide_navigation a:hover, .help_guide_navigation a:focus { color: #444; } .help_guide_navigation a.active { font-weight: normal; } .help_guide_navigation a .fa { font-size: 10px; } .squarebtn { cursor: pointer; position: relative; } .help_guide_navigation ~ .help_guide { float: left; width: calc(100% - 250px); box-sizing: border-box; padding-left: 65px; } .help_guide_navigation ~ .help_guide .help_guide_section:not(#connect:not(.legacy-connect)) { max-width: 700px; } .help_guide .help_guide_section { display: none; } .help_guide a { color: #51A8E0; } .help_guide p, .help_guide ul, .help_guide ol { margin-bottom: 16px; line-height: 1.7em; } .help_guide ul, .help_guide ol { padding-left: 0; } .help_guide li { margin-bottom: 10px; padding-left: 5px; line-height: inherit; } .help_guide .verification_list { list-style: none; margin-left: 5px; } .help_guide .verification_list li { position: relative; padding-left: 25px; } .help_guide .verification_list li:before, .help_guide .verification_list li.unverified:before { font-size: 1.2em; top: 1px; } .help_guide .verification_list li.unverified.question:before { content: "\f059"; color: #51A8E0; } .help_guide .verification_list li.unknown { } .help_guide .verification_list.setup_checklist li { border-bottom: 1px solid #eaeaea; margin: 0; padding: 25px 0 25px 25px; } .help_guide .verification_list.setup_checklist li:last-child { border-bottom: none; } .help_guide .verification_list.setup_checklist li::before { top: 28px; } .help_guide .next_section_link { margin-top: 20px; padding: 7px 16px !important; border-radius: 20px; border: 1px solid #C8C8C8; color: #888; cursor: pointer; font-size: 11px; line-height: 1.7em; -webkit-appearance: none; -moz-appearance: none; float:right; } .help_guide .next_section_link:hover { color: #51A8E0; } body.standard_page .help_guide h1, body.standard_page .help_guide h2, body.standard_page .help_guide h3, body.standard_page .help_guide h4{ margin: 36px auto 0.5em; } body.standard_page .help_guide h4 { color: #444; } /* body.standard_page .help_guide_sidebar { position: sticky; top: 147px; } */ .fix_button, .fix_button { display: inline-block; margin: 0 5px 5px 5px; border: 1px solid #eee; border-radius: 2px; line-height: normal; color: #51A8E0; text-transform: uppercase; padding: 2px 4px 2px; font-size: 10px; letter-spacing: 1px; } .show_domain_popup_button { letter-spacing: 1.5px; } .dns_verification_table { text-align: left; border: 1px solid #eee; overflow-x: auto; margin-bottom: 15px; } .dns_verification_table tr:nth-of-type(odd) { background-color: #fafafa; } .dns_verification_table table{ border-spacing: 0; border-collapse: collapse; } .dns_verification_table td, .dns_verification_table th { padding: 7px 7px; line-height: 2em; } .dns_verification_table th { font-weight: bold; color: #888; } .dns_verification_table tr td:first-child, .dns_verification_table tr th:first-child { padding-left: 15px; } .dns_verification_table tr td:last-child, .dns_verification_table tr th:last-child { padding-right: 15px; text-align: right; } /*.dns_verification_table tr:nth-of-type(odd) {*/ /* background-color: #fafafa;*/ /*}*/ .aolprompt .aolpromptmessage .dns_verification_table tr td:last-child, .aolprompt .aolpromptmessage .dns_verification_table tr th:last-child { padding-right: 0; text-align: left; padding-left: 40px; } .aolprompt .aolpromptmessage .dns_verification_table tr { height: 50px; } .dns_verification_table tr:first-of-type, .dns_verification_table tr { height: 70px; } .dns_verification_table th { } .dns_verification_table .verify_dns_button .fa { margin-right: 5px; } .dns_verification_table .verified, .dns_verification_table .unverified { padding-left:20px; position: relative; font-weight: bold; padding-right: 10px; } .dns_verification_table .verified { color: #93cd29; border: none; pointer-events: none; } .dns_verification_table .unverified { color: #F19B06; } .dns_verification_table .secure { margin-left: 20px; } .dns_verification_table .unverified::before { position: absolute; top: -1px; left: 0; color:#F19B06; content: "\f00d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 1.2em; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dns_verification_table .verified::before { position: absolute; top: -1px; left: 0; color: #93cd29; content: "\f00c"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 1.2em; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .website_status .dns_verification_table tr:nth-of-type(odd) { background-color: unset; } .website_status .dns_verification_table .dns_verification_table tr:first-of-type { border-top: 1px solid #EAEAEA; } .website_status .dns_verification_table tr:first-of-type, .website_status .dns_verification_table tr { border-bottom: 1px solid #EAEAEA; border-top: 1px solid #EAEAEA; } .website_status .dns_verification_table { text-align: left; border: unset; margin-bottom: 15px; overflow-x: unset; } /*div.aolprompt .aolpromptbuttons {*/ /* margin: 0 30px;*/ /*}*/ .checkmark::before { position: relative; left: 0; color: #93cd29; content: "\f00c"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 1.2em; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 5px; } .verify_dns_button { cursor: pointer; padding: 7px 16px !important; border-radius: 20px; border: 1px solid #C8C8C8; color: #888; cursor: pointer; font-size: 11px; line-height: 1.7em; -webkit-appearance: none; -moz-appearance: none; float:right; text-transform: uppercase; } p > .verify_dns_button { float: right; } .aolpromptbuttons button[value=help] span { border: none !important; position: absolute; left: 20px; } .connect_domain_success h2:before, .connect_domain_failure h2:before, .connect_vhost_failure h2:before, .verify_domain_help_header:before, .aolpromptbuttons button[value=help] span:before { top: 2px; left: 0; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-width: 14px; text-align: center; padding-right: 3px; } .connect_domain_success h2:before { content: "\f058"; color: #B2D790; } .verify_domain_help_header:before, .aolpromptbuttons button[value=help] span:before { content: "\f059"; color: #51A8E0; font-weight: 900; } .aolpromptbuttons button[value=cancel_sort] span { border: none !important; } .fieldrow.font_upload_warning .note_panel.note_panel_warning .note_panel_message span:before, #connect.help_guide_section .note_panel.note_panel_warning .note_panel_message span:before, .connect_domain_failure h2:before, .connect_vhost_failure h2:before { content: "\f071"; color: #F19B06; } .connect_domain_success h2:before, .connect_vhost_failure h2:before, .connect_domain_failure h2:before, .verify_domain_help_header:before { padding-right: 12px; } .domain_target_results pre { overflow: auto; padding: 0.4em; background: #F8f8f8; border: 1px solid #e9e9e9; white-space: normal; } .verify_domain_help blockquote { border-left: 2px solid #eee; margin-left: 0; padding-left: 30px; } .aolpromptbuttons button[value=test] span, .verify_dns_button.squarebtn a { background-color: #78C7FB; border-color: #78C7FB !important; color: white; } .verify_dns_button.loading, .verify_dns_button.disabled { pointer-events: none; } .verify_dns_button.disabled { opacity: 0.3; } .squarebtn.verify_dns_button.loading .label { color: transparent; } .squarebtn.verify_dns_button.loading .spinner { display:block; } .verify_domain_help summary { margin-bottom:20px; padding-bottom: 10px; border-bottom: 1px solid #EEEEEE; cursor: pointer; position: relative; } .verify_domain_help a { color: #51A8E0; } .aolpromptmessage > .verify_domain_help:first-of-type { margin-top: 40px; } .verify_domain_help[open] summary:focus { font-weight: bold; } .verify_domain_help:not([open]) summary:after, .verify_domain_help[open] summary:after { color: #888; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-width: 14px; text-align: center; padding-right: 3px; right: 0; position: absolute; } .verify_domain_help:not([open]) summary:after { content: "\f054"; } .verify_domain_help[open] summary:after { content: "\f078"; } .spinner { margin: 0 auto; width: 70px; text-align: center; display: none; height: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .spinner > span { width: 12px; height: 12px; background-color: #eee; display: block; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } .help_guide blockquote { border-left: 2px solid #eee; margin-left: 0; padding-left: 20px; } .help_guide blockquote p, .help_guide blockquote ul, .help_guide blockquote ol, .help_guide blockquote li { margin-bottom: 0; } .note_panel { padding-bottom: 5px; } .help_guide .note_panel :first-child { margin-top:0; } .note_panel h2, .f2 .fieldrow .note_panel h2 { margin: 0 0 12px; } .note_panel h3, .f2 .fieldrow .note_panel h3 { margin: 0 0 12px; font-size: 15px; } .note_panel p, .note_panel div, .note_panel ol, .note_panel ul { margin: 0 0 14px; } details summary p { cursor: pointer; color: #51A8E0; } details summary::-webkit-details-marker { display: none; } details summary .fa { margin-right: 5px; } details summary h3 { display: inline-block; } summary:focus { outline: 0px; } summary::-webkit-details-marker { color: #aaa; position: relative; top: -2px; } .show_domain_popup_button { cursor: pointer; padding: 7px 16px !important; border-radius: 20px; border: 1px solid #C8C8C8; color: #888; cursor: pointer; font-size: 11px; line-height: 1.7em; -webkit-appearance: none; -moz-appearance: none; float:right; text-transform: uppercase; font-family: 'ProximaNova'; } /* ----------------------------------------------------------- Build app admin screen ----------------------------------------------------------- */ #website_build_app { } #feedback_data { height: 400px; overflow: auto; display: none; background: #282c34; color: white; padding: 40px 60px; margin: 40px 0; } #feedback_data.show { display: block; } #feedback_data span { display: block; } #website_build_app a.console { line-height: 35px; } #website_build_app .verbose-info { margin-bottom:25px; display: none; } #website_build_app .verbose-info.open { display: block; } #build_progress ul { display: flex; margin: 0 0 40px; padding: 0; background: #fdfdfd; border: 1px solid #eeeeee; } #build_progress li { list-style: none; padding: 20px; background: #fdfdfd; border: 1px solid #eaeaea; margin-left: -1px; } #website_build_app .success { color: green; font-weight: bold; } #website_build_app .pending, #website_build_app .incomplete { color: orange; font-weight: bold; } #website_build_app .error { color: red; font-weight: bold; } #website_build_app #all_builds_table { display: none; } #website_build_app #all_builds_table.show { display: table; } #all_builds_wrapper { max-height: 450px; overflow: scroll; } #website_build_app table { width: 100%; border-collapse: collapse; border-left: 1px solid #eee; border-right: 1px solid #eee; } #website_build_app table th { padding: 8px 10px; font-weight: bold; color: #aaa; text-align: left; background: #fdfdfd; } #website_build_app table tr { margin: 5px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } #website_build_app table tr:nth-child(odd) { background: #fdfdfd; } #website_build_app table tr td { padding: 10px 10px; } #website_build_app .show-build-table { cursor: pointer; display: block; margin: 15px 0; color: #51A8E0; } .loading .lds-ring { display: inline-block; position: relative; width: 13px; height: 13px; vertical-align: sub; margin-right: 5px; } .loading .lds-ring div { box-sizing: border-box; display: block; position: absolute; /*width: 51px;*/ /*height: 51px;*/ width: 12px; height: 12px; margin: 0px; border: 1px solid #a5a5a5; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #a5a5a5 transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #website_build_app .kill-switch { padding: 5px 12px; background: white; color: #dc0000; font-weight: bold; border-radius: 3px; border: 1px solid #c8c8c8; float: right; } #website_build_app .quick-info-panel { padding: 0; } #website_build_app .quick-info-panel h5 { text-transform: none; letter-spacing: 0; font-size: 20px; color: #3E3D43; margin-bottom: 25px; font-weight: 400; } #website_build_app .quick-info-panel { display: flex; margin-top: 30px; } #website_build_app .quick-info-panel > div { padding: 25px; color: #8C9298 } #website_build_app .quick-info-panel div { margin-bottom: 0; } #website_build_app .info-links-container { max-width: 100%; width: 290px; padding-right: 40px; border-right: 1px solid #efefef; } #website_build_app .latest-build-container { flex: 1; } /* ----------------------------------------------------------- Build app admin screen ----------------------------------------------------------- */ #website_build_app { } #feedback_data { height: 400px; overflow: auto; display: none; background: #282c34; color: white; padding: 40px 60px; margin: 40px 0; } #feedback_data.show { display: block; } #feedback_data span { display: block; } #website_build_app a.console { line-height: 35px; float: right; display: none; } #website_build_app a.console.open { display: inline-block; } #build_progress { display: none; } #build_progress.open { display: block; } #build_progress ul { display: flex; margin: 0 0 40px; padding: 0; background: #fdfdfd; border: 1px solid #eeeeee; } #build_progress li { list-style: none; padding: 20px; padding-right: 33px; background: #fdfdfd; border: 1px solid #eaeaea; border-top: none; border-bottom: none; margin-left: -1px; flex: 1; text-align: center; } #build_progress li:last-child { border-right: none; } #build_progress li i { visibility: hidden; } li.progress_4 { position: relative; } li.progress_4 .loader { content: ''; position: absolute; height: 5px; width: 0%; background: #a5d3ef; left: 0; bottom: 0px; } #build_progress li.complete i { visibility: visible; color: limegreen; } #website_build_app .success { color: limegreen; font-weight: bold; } #website_build_app .pending { color: orange; font-weight: bold; } #website_build_app .error { color: red; font-weight: bold; } #website_build_app #all_builds_table { display: none; } #website_build_app #all_builds_table.show { display: table; margin-top: -1px; } #build_options { line-height: 35px; display: inline; } #build_options > span { margin-right: 10px; } #all_builds_wrapper { max-height: 450px; overflow: scroll; } #website_build_app table { width: 100%; border-collapse: collapse; border-left: 1px solid #eee; border-right: 1px solid #eee; } #website_build_app table th { padding: 8px 10px; font-weight: bold; color: #aaa; text-align: left; background: #fdfdfd; } #website_build_app table tr { margin: 5px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } #website_build_app table tr:nth-child(odd) { background: #fdfdfd; } #website_build_app table tr td { padding: 10px 10px; } #website_build_app .show-build-table { cursor: pointer; display: block; margin: 20px 0 0; padding-top: 15px; color: #51A8E0; border-top: 1px solid #efefef; } .loading .lds-ring { display: inline-block; position: relative; width: 13px; height: 13px; vertical-align: sub; margin-right: 5px; } .loading .lds-ring div { box-sizing: border-box; display: block; position: absolute; /*width: 51px;*/ /*height: 51px;*/ width: 12px; height: 12px; margin: 0px; border: 1px solid #a5a5a5; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #a5a5a5 transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #website_build_app .kill-switch { padding: 5px 12px; background: white; color: #dc0000; font-weight: bold; border-radius: 3px; border: 1px solid #c8c8c8; float: right; } /* ----------------------------------------------------------- Cookie notification ----------------------------------------------------------- */ #admin_cookie_preferences_form { font-size: 14px; font-weight: 400; } #admin_cookie_preferences_form fieldset > div { margin: 15px 0; } #admin_cookie_preferences_form fieldset { padding: 0; border: none; } #admin_cookie_preferences_form fieldset label { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; line-height: 1em; } #admin_cookie_preferences_form fieldset label span { display: inline-block; font-size: 14px; font-weight: 700; line-height: 14px; /*letter-spacing: 1.5px;*/ /*text-transform: uppercase;*/ /*margin: 0 0 5px 6px;*/ vertical-align: middle; } #admin_cookie_preferences_form fieldset label input { visibility: hidden; opacity: 0; width: 0px; } #admin_cookie_preferences_form fieldset label input + span { display: block; width: 46px; height: 22px; background-color: #ccc; border: 2px solid #ccc; border-radius: 18px; /*opacity: 0.2;*/ transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } #admin_cookie_preferences_form fieldset label input:checked + span { /*opacity: 1;*/ background-color: black; border-color: black; } #admin_cookie_preferences_form fieldset label input:focus +span { box-shadow: 0 0 8px 2px #78c7fb; } #admin_cookie_preferences_form fieldset label input + span::before { content: ''; display: block; width: 22px; height: 22px; background-color: white; /*border: 2px solid black;*/ border-radius: 50%; transition: transform 0.2s ease-in-out; } #admin_cookie_preferences_form fieldset label input:checked + span::before, #admin_cookie_preferences_form fieldset label input:checked + span::after { transform: translateX(24px); } #admin_cookie_preferences_form fieldset label input:disabled + span::after { content: '\e011'; content: '\f023'; display: block; width: 22px; height: 22px; font-size: 12px; font-family: "FontAwesome"; text-align: center; margin-top: -19px; transition: transform 0.2s ease-in-out; } #admin_cookie_preferences_form fieldset .note { margin-right: 75px; line-height: 1.4em; color: #767676; } #admin_cookie_preferences_form hr { margin-bottom: 40px; border-color: #ddd; border-top: none; margin-left: -40px; margin-right: -40px; } #admin_cookie_preferences_form .button, #admin_cookie_preferences_form .button a { width: 100%; float: none; } #admin_cookie_preferences_form .button a { padding: 10px 16px !important; display: flex; align-items: center; justify-content: center; border: 1px solid #111 !important; font-weight: 600; color: black; box-sizing: border-box; border-radius: 200px; font-size: 12px; text-transform: uppercase; letter-spacing: 1.2px; font-weight: normal; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } #admin_cookie_preferences_form .button a:hover, #admin_cookie_preferences_form .button a:focus { background: #111; color: white; } /* #admin_cookie_preferences_form .button a:focus { outline: 2px solid #78c7fb; } */ /* ----------------------------------------------------------- Codemirror code editor ----------------------------------------------------------- */ .CodeMirror { border: 1px solid #eee; } /* ----------------------------------------------------------- Accessibility ----------------------------------------------------------- */ /* Visually hidden / screen reader only content ----------------------------------------------------------- */ .screen-reader-only { position: absolute !important; height: 1px !important; width: 1px !important; overflow: hidden !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); white-space: nowrap !important; display: block!important; margin: 0!important; padding: 0!important; } /* ----------------------------------------------------------- Backend Tool Bar ----------------------------------------------------------- */ .cms-backend-toolbar-enabled #page_header{ top:28px; } .cms-backend-toolbar-enabled #page_container { padding-top:140px; } .cms-backend-toolbar-enabled.fp_editor_enabled #page_container { padding-top: 28px; } body.docked_page.cms-backend-toolbar-enabled #preferences-sidebar { top:138px; } body#editwin_body.cms-backend-toolbar-enabled #header { padding:58px 0 } @media screen and (max-width: 1060px) { body#editwin_body.cms-backend-toolbar-enabled #header { padding:29px 0 } } body.docked_page.cms-backend-toolbar-enabled #preferences_container { padding-top:28px; } body.docked_page.cms-backend-toolbar-enabled .subsection-recently-added { padding-top:28px; } body#editwin_body.cms-backend-toolbar-enabled #content-outer { padding-top: calc(90px + 28px); } body#editwin_body.cms-backend-toolbar-enabled.fp_quick_edit_enabled #content-outer { padding-top: 0; } #cms-backend-toolbar { background: rgba(12,12,13,1); width: 100%; min-width: 320px; z-index: 99999; /* higher then iframe*/ height: 28px; position: fixed; top: 0; left:0; display: flex; flex-wrap: wrap; } #cms-backend-toolbar p, #cms-backend-toolbar td, #cms-backend-toolbar th, #cms-backend-toolbar li, #cms-backend-toolbar ul, #cms-backend-toolbar a { color: #fff; font-size: 12px; } #cms-backend-toolbar ul{ list-style: none; padding: 0; margin: 0; } #cms-backend-toolbar > div { } #cms-backend-toolbar .backend-toolbar-submenu { position: relative; } #cms-backend-toolbar .backend-toolbar-submenu .backend-toolbar-submenu-content { opacity: 0; z-index:-10; transition: 0.1s ease-in-out; visibility: hidden; position: absolute; top: 28px; background: rgba(12,12,13,0.75); min-width: 180px; left: 0; box-sizing: border-box; } #cms-backend-toolbar .backend-toolbar-submenu .backend-toolbar-submenu-content ul { } #cms-backend-toolbar .backend-toolbar-submenu.active .backend-toolbar-submenu-content{ opacity: 1; z-index: 99; visibility: visible; } #cms-backend-toolbar #backend-toolbar-help-btn a { color: #aaa; font-size: 12px; font-weight: lighter; } #cms-backend-toolbar .backend-toolbar-submenu ul li ,#cms-backend-toolbar #backend-toolbar-submenu-user-info{ padding:7.5px 10px; } #cms-backend-toolbar #backend-toolbar-submenu-user-info p { margin-bottom:10px; color: #aaa; font-size:12px; } #cms-backend-toolbar #backend-toolbar-submenu-user-info p:last-child { margin: 0; } #cms-backend-toolbar .fa-life-ring { font-weight: normal; padding-right: 9px; font-size: 11px; } #cms-backend-toolbar #backend-toolbar-user-info .fa-eye { padding-right:9px; } #cms-backend-toolbar #backend-toolbar-user-info .fa-external-link { padding-right:8px; } #cms-backend-toolbar .fa-sign-out { padding-right: 8px; font-size: 12px; } #cms-backend-toolbar > div > ul { display: flex; flex-wrap: wrap; height: 100%; align-items: center; } #cms-backend-toolbar > div > ul > li { border-right: 1px solid rgba(255,255,255,0.18); box-sizing: border-box; padding: 7px 9px; height: 100%; } #cms-backend-toolbar #backend-toolbar-user-name { align-items: center; display: flex; } #cms-backend-toolbar i { padding-right: 5px; font-weight: 600; font-size: 10px; } #cms-backend-toolbar .fa-caret-down { padding-left: 5px; padding-right: 0; } #cms-backend-toolbar .fa-external-link { font-size: 10px; } #cms-backend-toolbar #backend-toolbar-right i { padding-right: 5px; } #cms-backend-toolbar #backend-toolbar-logo { padding-bottom: 0; } #cms-backend-toolbar > div > ul li:last-child { border: 0; } #cms-backend-toolbar #backend-toolbar-right { margin-left: auto; } #cms-backend-toolbar #backend-toolbar-right > ul li:first-child { border-left: 1px solid rgba(255,255,255,0.18); } #cms-backend-toolbar #backend-toolbar-logout-btn { margin-top:10px; } body.cms-backend-toolbar-enabled #page_header_tools_wrapper { top:28px; } /* ----------------------------------------------------------- CMS Backend toolbar Responsive ----------------------------------------------------------- */ @media screen and (max-width: 768px) { #cms-backend-toolbar { height:48px; } .cms-backend-toolbar-enabled #page_header { top:48px; } .cms-backend-toolbar-enabled #page_container { padding-top:178px; } body.docked_page.cms-backend-toolbar-enabled #preferences-sidebar { top:178px; } body#editwin_body.cms-backend-toolbar-enabled #header { padding-top:78px; padding-bottom: 20px; } body.docked_page.cms-backend-toolbar-enabled #preferences_container { padding-top:48px; } body.cms-backend-toolbar-enabled #page_header_tools_wrapper { top:48px; } body#editwin_body.cms-backend-toolbar-enabled #content-outer { padding-top: calc(77px + 68px); } body#editwin_body.cms-backend-toolbar-enabled #content-outer { } body#editwin_body.cms-backend-toolbar-enabled #editwin_close { top:70%; } #cms-backend-toolbar > div > ul > li { padding:17px 16px; } #cms-backend-toolbar #backend-toolbar-right, #cms-backend-toolbar #backend-toolbar-help-btn{ display:none; } #cms-backend-toolbar #backend-toolbar-left { width:100%; } #cms-backend-toolbar > div > ul { } #cms-backend-toolbar #backend-toolbar-logo { min-width:15%; border: 0; } #cms-backend-toolbar #backend-toolbar-user-info-btn { border-right: 0; max-width: 80%; border-left: 1px solid rgba(255,255,255,0.18); margin-left: auto; min-width: 40%; } #cms-backend-toolbar .backend-toolbar-submenu .backend-toolbar-submenu-content { top:48px; position: fixed; background: rgba(12,12,13,1); width: 100%; } #cms-backend-toolbar .fa-sign-out { padding-right: 8px; } } /* ----------------------------------------------------------- Simple CMS Popup ----------------------------------------------------------- */ #simple_cms_popup { position: fixed; width: 0; height: 0; top: 0; left: 0; background: rgba(240, 240, 240, 0.9) !important; z-index: -99999; opacity: 0; } #simple_cms_popup.active { opacity: 1; z-index: 99999; width: 100%; height: 100%; } #simple_cms_popup .popup-container { position: absolute; transform: translate(-50%,-50%); left: 50%; top: 50%; max-width: 500px; width: 100%; height: auto; box-sizing: border-box; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 0 4px 20px rgb(0 0 0 / 10%); background: #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; border: solid 1px #eeeeee; padding: 7px; } .popup-close { height: 30px; width: 30px; background: none; font-family: inherit; cursor: pointer; outline: none; text-indent: 100%; white-space: nowrap; overflow: hidden; height: 33px; width: 33px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImNsb3NlLWJ0biIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMzI0MTE2LCAxNy4zMjQxMTYpIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC0xOC4zMjQxMTYsIC0xNy4zMjQxMTYpIHRyYW5zbGF0ZSg1LjgyNDExNiwgNS4zMjQxMTYpIiBmaWxsPSIjOTA5MDkwIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxMiIgeT0iMS4xMzY4NjgzOGUtMTMiIHdpZHRoPSIxIiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCAxMi4wMDAwMDApIHJvdGF0ZSgtMjcwLjAwMDAwMCkgdHJhbnNsYXRlKC0xMi41MDAwMDAsIC0xMi4wMDAwMDApICIgeD0iMTIiIHk9IjEuMTM2ODY4MzhlLTEzIiB3aWR0aD0iMSIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 50% 50% no-repeat; background-size: 33px 33px; top: 5px; right: 5px; position: absolute; } /* ----------------------------------------------------------- Responsive ----------------------------------------------------------- */ @media screen and (max-width: 1159px) { #preferences-sidebar { width: 200px; } #preferences-sidebar ~ .getting_started_preferences_grid, #preferences-sidebar ~ #preferences_container { width: calc(100% - 240px); margin-left: 240px; box-sizing: border-box; } } @media screen and (max-width: 830px) { #editwin_body.translation .f2 .fieldrow > label.left-column { width: 100% !important; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; -webkit-font-smoothing: antialiased; } #editwin_body.translation .f2 .fieldrow > label.left-column span.fl.pr15 { color: #888 !important; font-size: 13px !important; padding-bottom: 6px !important; } /*#editwin_body.translation .f2 .fgroup .fieldrow.fieldrow-first {*/ /* display: none !important;*/ /*}*/ #editwin_body.translation .f2 .fgroup .fieldrow .field, #editwin_body.translation .f2 .fieldrow > div.field { width: 100% !important; } body.section-admin .editwin_body_fancybox #fancybox-close { top: 5px; right: 5px; } } @media screen and (max-width: 767px) { #page_header, #page_container, body.page-pages #footer { padding-left: 20px; padding-right: 20px; } body.page-pages #footer .inner { min-width: 0; } #editwin_body #header h1, #docked-heading h1 { display: none; } #editwin_body.translation #header h1 { display: block; } #page_container #editwin_close, #editwin_body #editwin_close { right: 20px; } #preferences_fields .fieldrow { margin: 0 0 16px; } #preferences_fields .fieldrow label { width: 100%; margin-bottom: 5px; padding: 0; } #preferences_fields .fieldrow .field { width: 100%; } #preferences_fields .fieldrow .field_note { margin-left: 0; width: 100%; } #preferences_fields h3 { margin-bottom: 10px; } #preferences_fields .fieldscontainer h4 { margin-bottom: 10px; } } /* SQUISH - MAKE SMALLER THEN LARGER THEN BACK TO NORMAL */ @keyframes squish { 30% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } 70% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } /* MINI-SQUISH - MAKE sLIGHTLY SMALLER THEN sLIGHTLY LARGER THEN BACK TO NORMAL */ @keyframes mini-squish { 30% { -webkit-transform: scale(0.94); -moz-transform: scale(0.94); -ms-transform: scale(0.94); -o-transform: scale(0.94); transform: scale(0.94); } 70% { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .ads_note_panel { clear: both; display: block; margin: 0; padding: 13px; border: 1px solid #eaeaea; background: #fdfdfd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; margin-bottom: 30px; } .ads_note_panel.hidden { display: none; } .ads_cta_wrapper { display: flex; flex-direction: row; gap: 1em; line-height: 0; } .ads_cta_logo { height: 65px; aspect-ratio: 1/1; background-color: black; color: white; display: flex; align-items: center; justify-content: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .ads_cta_logo > svg { padding: 10px; } .ads_cta_logo > span { text-align: center; display: block; line-height: 13px; font-size: 12px; } .ads_cta_text { line-height: initial; display: flex; flex-direction: column; justify-content: space-between; line-height: 13px; padding: 2px 0; } .ads_cta_heading { font-weight: 600; } .ads_cta_prose { line-height: 13px; } .ads_cta_link { color: #51A8E0; font-weight: 600; } /* 2FA */ #tfa-container ul { padding:0; margin-left: 0; list-style:none; margin-bottom:5px; } #tfa-container p { margin-bottom: 5px; } #tfa-container #tfa-qrcode { margin: 10px 0; } #tfa-container #tfa-qrcode-image { width:100%; text-align:center; height:200px; } #tfa-container #tfa-qrcode-image img{ width:200px; } #tfa-container #tfa-qrcode-field { display:flex; margin-top: 5px; margin-bottom: 10px; } #tfa-container #tfa-qrcode-field input, #tfa-container #tfa-qrcode-field label { margin-right:5px; } #tfa-container #verify-tfa-btn , .tfa-btn{ cursor:pointer; } #tfa-container #tfa-message #error_message, #tfa-container #tfa-message #success_message { margin-bottom:0; }