.weather-container { height:calc(100% - 40px); overflow-y:auto; padding:0 5px; scrollbar-color: #c60c30 #999; scrollbar-width: thin; } .rss-container { height:calc(100% - 40px); overflow-y:auto; padding:0 5px; scrollbar-color: #c60c30 #999; scrollbar-width: thin; } .rss-compact { display: table; width: 100%; } .rss-compact .widgetrow { display: table-row; } .rss-compact .widgetrow .widgetcell { display: table-cell; padding: 4px 0; } .rss-normal .widgetrow .col2, .rss-compact .widgetrow .col2 { text-align: right; } .rss-normal { list-style-type:none; padding:0; margin:0; } .rss-normal .widgetrow { padding:5px 0; vertical-align: top; } .rss-normal .widgetrow .col1 { display:inline-block; } /* clock/main.css */ .grid-stack-item.type-clock .grid-stack-item-content { background-image:url(/~/widgetPage/clock/vignette.png); background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size: cover; } .clock-container { padding:50px 0px 0px 0px; margin:0; font-family:'PT sans'; color#222; text-align:center; -webkit-transition-duration: .1s; -transition-duration: .1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; text-rendering: optimizeLegibility; -webkit-text-rendering: optimizeLegibility; width:100%; display:inline-block; vertical-align:middle; text-align:center; } .clock-container h2{ font-size:30px; color:#000; text-shadow:1px 1px 1px #fff; } .clock-container h3{ font-size:20px; color:#000; text-shadow:1px 1px 1px #fff; margin:50px 0px 10px 0px; } .clock{ display:inline; } .alarm{ display:none; margin:10px 0px 0px 0px; } .alarm a{ text-decoration:none; padding:5px 10px 5px 10px; color:#FFF; background-color:#026729; border-radius:5px; } .alarm a:hover{ text-decoration:none; padding:4px 9px 4px 9px; color:#fefefe; background-color:#026729; border-radius:5px; } #set{ text-decoration:none; padding:5px 10px 5px 10px; color:#FFF; background-color:#F3A829; border-radius:5px; } #set:hover{ text-decoration:none; padding:4px 9px 4px 9px; color:#fefefe; background-color:#F3A829; border-radius:5px; } /* calendar/skeleton.css */ :root { --fc-sticky-header-footer-z: 3; --fc-popover-z: 4; } .fc-dp { z-index: var(--fc-popover-z) !important; } .fc-6T { isolation: isolate; } /* This will prevent all ancestors from customizing their box size unless they use .contentBox */ .fc-BO, .fc-BO *, .fc-BO *:before, .fc-BO *:after { box-sizing: border-box !important; } /* classes attached to */ .fc-la, .fc-la * { cursor: not-allowed !important; } .fc-mM { -ms-overflow-style: none !important; /* IE and Edge */ scrollbar-width: none !important; /* Firefox */ } /* Hide scrollbar for Chrome, Safari and Opera */ .fc-mM::-webkit-scrollbar { display: none !important; } .fc-yf { flex-shrink: 0 !important; } .fc-wS .fc-mP { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; } /* HACK for Safari. Can't do break-inside:avoid with flexbox items, likely b/c it's not standard: https://stackoverflow.com/a/60256345 */ .fc-OB .fc-mP > * { float: left !important; } [dir=rtl] .fc-OB .fc-mP > *, .fc-OB[dir=rtl] .fc-mP > * { float: right !important; } .fc-OB .fc-mP::after { content: "" !important; display: block !important; clear: both !important; } .fc-hH { cursor: pointer !important; } .fc-wi { cursor: n-resize !important; } .fc-My { cursor: s-resize !important; } .fc-N8 { cursor: w-resize !important; } [dir=rtl] .fc-N8 { cursor: e-resize !important; } .fc-Yv { cursor: e-resize !important; } [dir=rtl] .fc-Yv { cursor: w-resize !important; } .fc-DR { cursor: col-resize !important; } .fc-Lp, .fc-YZ, .fc-RU { position: absolute !important; box-sizing: content-box !important; width: 100% !important; height: 100% !important; } .fc-Lp { padding: 10px !important; margin: -10px !important; } .fc-YZ { padding-left: 10px !important; padding-right: 10px !important; margin-left: -10px !important; margin-right: -10px !important; } .fc-RU { padding-top: 10px !important; padding-bottom: 10px !important; margin-top: -10px !important; margin-bottom: -10px !important; } /* QUESTION: why not use -left -right instead of negative margins/padding for ALL? */ .fc-4P { position: absolute; top: 0; bottom: 0; left: -5px; right: -5px; } .fc-6M { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .fc-Sy { visibility: hidden; } /* Border Utils */ /* ------------------------------------------------------------------------------------------------- */ /* TODO: break-out to x and y. don't have "only" all */ /* TODO: instead of "border" utils, call them "borderless" to subtract? */ .fc-QX { border: 0 !important; } .fc-3t { border-left: 0 !important; border-right: 0 !important; border-bottom: 0 !important; } .fc-fo { border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; } .fc-wk, .fc-fx { border-top: 0 !important; border-bottom: 0 !important; } .fc-wk { border-inline-end: 0 !important; } .fc-fx { border-inline-start: 0 !important; } .fc-8R { border-left: 0 !important; border-right: 0 !important; } .fc-5a { border-top: 0 !important; border-bottom: 0 !important; } /* for matching cell start-border, assumed to be 1px, which can't be guaranteed */ .fc-hM { border-inline-start: 1px solid transparent !important; } /* Flexbox Utils */ /* ------------------------------------------------------------------------------------------------- */ .fc-ei { display: flex !important; flex-direction: row !important; } .fc-Xt { display: flex !important; flex-direction: column !important; } .fc-QU { flex-grow: 1 !important; } .fc-J6 { flex-grow: 1 !important; flex-basis: 0 !important; min-width: 0 !important; min-height: 0 !important; } .fc-w9 { min-height: 0 !important; } /* TODO: use liquidX/Y elsewhere because frees up min other dimension; less collisions */ .fc-q3 { flex-grow: 1 !important; flex-basis: 0 !important; min-width: 0 !important; } /* Print-Safe Utils (media:screen ONLY) */ /* ------------------------------------------------------------------------------------------------- */ .fc-wS .fc-32, .fc-wS .fc-IH { display: flex !important; flex-direction: column !important; } /* Table Utils */ /* ------------------------------------------------------------------------------------------------- */ .fc-Kk { padding: 0 !important; } .fc-5M { margin: 0 !important; } .fc-G8 { margin-top: 0 !important; margin-bottom: 0 !important; } .fc-tR { margin-left: 0 !important; margin-right: 0 !important; } .fc-8y { white-space: nowrap !important; } .fc-gR { white-space: pre !important; } /* Misc Utils */ /* ------------------------------------------------------------------------------------------------- */ .fc-eu { overflow-anchor: none; } .fc-75 { overflow: hidden !important; } /* TODO: eventually use this on daygrid/timegrid events' inner, time, and title, FOR PRINT Needed to prevent wrapping to multiple lines, increasing height, throwing off print-positioning, which can't rely on dynamic height detection after print-flag activated. */ .fc-CJ { white-space: nowrap !important; overflow: hidden !important; } .fc-xp { position: relative !important; } .fc-So { position: absolute !important; } .fc-Q8 { inset-inline-start: 0 !important; } .fc-TJ { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; } .fc-X3, .fc-O5 { position: absolute !important; left: 0 !important; right: 0 !important; } .fc-WS, .fc-Ld { position: absolute !important; top: 0 !important; bottom: 0 !important; } .fc-X3 { top: 0 !important; } .fc-Ld { left: 0 !important; right: 0 !important; width: 0 !important; } @media not print { .fc-l5 { position: sticky !important; } .fc-dl { position: sticky !important; top: 0 !important; } /* Sticks to either left or right (the flex "start") depending on ltr/rtl */ .fc-oh { position: sticky !important; inset-inline-start: 0 !important; } .fc-3f { position: sticky !important; top: 0 !important; z-index: var(--fc-sticky-header-footer-z) !important; } } /* Only needed when padding/border must be separate from width/height */ .fc-wx { box-sizing: content-box !important; } .fc-pJ { position: absolute !important; left: -10000px !important; } .fc-xM { align-items: center !important; } .fc-RJ { align-items: flex-start !important; } .fc-x9 { align-items: flex-end !important; } /* Footer Scrollbar */ /* ------------------------------------------------------------------------------------------------- */ .fc-10 { position: sticky !important; bottom: 0 !important; z-index: var(--fc-sticky-header-footer-z) !important; } .fc-rg > * { margin-top: -1px !important; } .fc-rg > * > * { height: 1px !important; } /* Print-Safe Utils */ /* ------------------------------------------------------------------------------------------------- */ .fc-OB .fc-sv { -moz-column-break-inside: avoid !important; break-inside: avoid !important; } .fc-OB .fc-32 { display: table !important; table-layout: fixed !important; width: 100% !important; border-spacing: 0 !important; border-collapse: separate !important; } .fc-OB .fc-IH { display: table-header-group !important; -moz-column-break-inside: avoid !important; break-inside: avoid !important; background: #fff !important; z-index: 9999 !important; position: relative !important; } .fc-Ph { /* min-height when multiple rows coexist, provides sane aspect-ratio for cells */ min-height: 6em !important; } /* Z-index */ /* ------------------------------------------------------------------------------------------------- */ .fc-6d { z-index: 0; } .fc-y0 { z-index: 1; } .fc-5y:focus-visible { z-index: 2; } /* INTERNAL MARKER -- used to mark an element for internal significance */ /* ------------------------------------------------------------------------------------------------- */ .fc-RK {} .fc-vB {} .fc-nH {} .fc-Be {} .fc-w3 {} .fc-Kf {} .fc-ve {} .fc-Er {} .fc-ll {} .fc-BR {} .fc-GZ {} .fc-Z9 {} .fc-VO {} .fc-rF {} .fc-zT {} .calendar-container { height:100%; overflow-y:auto; padding:0 5px; scrollbar-color: #c60c30 #999; scrollbar-width: thin; } /* online.css */ html, body { width: 100%; height: 100%; margin: 0; } .frame { display: table; height: 100%; width: 100%; background-size: cover; background-attachment: fixed; } .header-wrapper.container { background-color: rgba(255,255,255, 0.9); } .content-wrapper.container { background-color: rgba(255,255,255, 0.7); padding-top: 15px; } body.mode-view .action-view, body.mode-view .sidebar { display: none; } body.mode-edit .action-edit { display: none; } .widget-actions { position: absolute; top: 4px; right: 7px; display: none; background-color: #fff; padding: 3px 5px; } .widget-actions .action-edits { color: #090; } .widget-actions .action-remove { color: #f00; } body.mode-view .grid-stack-item .widget-actions { display: none; } body.mode-view.touch .grid-stack-item .widget-actions-view, body.mode-view .grid-stack-item:hover .widget-actions-view, body.mode-edit.touch .grid-stack-item .widget-actions-edit, body.mode-edit .grid-stack-item:hover .widget-actions-edit { display: block !important; } body.mode-edit .grid-stack-item:hover .widget-actions-edit, body.mode-view .grid-stack-item:hover .widget-actions-view { display: block; } body.mode-view.touch .grid-stack-item .widget-actions-view .action-refresh, body.mode-view .grid-stack-item:hover .widget-actions-view .action-refresh { display: none; } body.mode-view.touch .grid-stack-item.refreshnow .widget-actions-view .action-refresh, body.mode-view .grid-stack-item.refreshnow:hover .widget-actions-view .action-refresh { display: block; } .sidebar .grid-stack-item:hover .widget-actions-edit { display: none !important; } .widget-icon { cursor: pointer; } .login-classic { width: 305px; height: 145px; position: relative; background-image: url(/static/ces-login.gif); margin: 0 auto; font-family: sans-serif; font-size: 12px; } .login-title { position: absolute; top: 5px; left: 3px; } .login-label { position: absolute; top: 57px; right: 215px; } .login-input { position: absolute; top: 54px; left: 96px; } .login-input input { width: 120px; border: 2px inset #f0f0f0; text-transform: uppercase; } .login-pass-label { position: absolute; top: 83px; right: 215px; } .login-pass-input { position: absolute; top: 80px; left: 96px; } .login-pass-input input { width: 60px; border: 2px inset #f0f0f0; text-transform: uppercase; } .errmsg { display: block; width: 305px; margin: 0 auto; font-family: sans-serif; font-size: 12px; color: #f00; font-weight: bold; background-color: rgba(255,255,255,0.8); padding: 5px; text-align: center; } .login-microsoft { position: absolute; bottom: 5px; right: 8px; } .login-microsoft a { text-decoration: line-through; } .menu-wrapper { background-color: #c60c30; height: 51px; position: relative; z-index: 100; } #top-menu { background-color: #c60c30; bottom: 0; height: 51px; position: absolute; left: 0; right: 0; margin: 0 auto; } #menu-top-menu { height: 51px; margin: 0 auto; padding: 0; position: relative; width: 100%; } #menu-top-menu, #menu-top-menu li, #menu-top-menu a, .slicknav_menu, .slicknav_menu li, .slicknav_menu a { display: block; } #menu-top-menu li, #menu-top-menu ul, .slicknav_menu li, .slicknav_menu ul, .header-menu ul, .header-menu li { list-style-type: none; margin: 0; padding: 0; } #menu-top-menu li { float: left; position: relative; z-index: 100; } #menu-top-menu > li { height: 51px; width: 25%; } #menu-top-menu a, .slicknav_menu a { color: #e5b8c1; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; } #menu-top-menu > li > a { font-size: 1.4286em; padding: 12px 15px; } #menu-top-menu ul { display: none; position: absolute; z-index: 100; } #menu-top-menu ul { background-color: #7e1e31; padding: 10px 15px; width: 186px; } #menu-top-menu .top-row { padding: 10px 15px; height: 51px; } #menu-top-menu .top-row .top-cell { font-size: 1.5em; color: #fff; } .logo-wrapper { margin-top: 10px; text-align: center; margin-bottom: 10px; } .grid-stack { margin-bottom: 10px; border: 1px solid #999; background-color: rgba(255,255,255,0.05); border-radius: 10px; min-height: calc(100vh - 200px) !important; /* overflow: auto; scrollbar-color: #c60c30 #999; scrollbar-width: thin; */ } .grid-stack-item-content { overflow-y: visible !important; overflow-x: visible !important; } .grid-stack-item-content input.button-inset { position: absolute; top: 11px; right: 15px; width: 103px; background-color: #dfdbdb; } .widgetFrame { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #050505; background-color: #dbdbdb; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #949494; text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1); height: 100%; padding: 8px 10px 8px 5px; } .css3button { padding: 10px 20px; background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ebebeb), color-stop(0.50, #dbdbdb), to(#b5b5b5)); -webkit-border-radius: 10px; } a.css3button { display: block; width: 100%; } a.css3button:link, a.css3button:visited { text-decoration: none; } div.firefox-only a { color: #0070b3; font-weight: bold; } .icon { display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center; } .top-menu { position: relative; } .top-menu .icon-bar { position: absolute; top: 10px; right: 10px; color: #fff; } .body-container { position: relative; } .page-outer .sidebar { position: fixed; top: 152px; right: 8px; width: 300px; padding: 10px; border: 1px solid #aaa; background-color: #d8d8d8; -webkit-box-shadow: 5px 5px 15px 5px #999; box-shadow: 5px 5px 15px 5px #999; overflow-y: auto; max-height: calc(100vh - 191px); z-index: 100; } .sidebar .grid-stack-item { margin: 10px 0; } .sidebar .grid-stack-item-content { position: relative; } .sidebar input.button-inset { display: none; } .centred { display: table-row; height: 100%; } .container-cell { display: table-cell; vertical-align: middle; } .widget-frame { border-radius: 10px; background-color: rgba(255,255,255,0.7); padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; height: 100%; } .sidebar .widget-frame { border: 1px solid #666; height: 43px; } .header-user-info { text-align: right; padding: 10px 20px; } .header-user-info .user-info-name { font-size: 1.5em; font-weight: bold; } .frm { text-align: left; } .control-group { margin-bottom: 5px; } .frm select, .frm input { height: 42px; } .frm select, .frm input[type="checkbox"] { height: auto; } .frm select, .frm textarea, .frm input[type="text"], .frm input[type="email"], .frm input[type="password"], .uneditable-input, .input-frame { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; width: 100%; display: inline-block; background-color: #fcfbfb; border: 1px solid #d9d5d2; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #2a2a2a; font-size: 16px; } .frm button, .frm input, .frm select, .frm textarea { margin: 0; font-size: 100%; /* vertical-align: middle; */ } .themeButton { -webkit-box-shadow: 2px 2px 4px 0px #2d4b57; box-shadow: 2px 2px 4px 0px #2d4b57; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2)); background: -webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%); background: -o-linear-gradient(top, #33bdef 5%, #019ad2 100%); background: -ms-linear-gradient(top, #33bdef 5%, #019ad2 100%); background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0); background-color: #33bdef; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #057fd0; display: inline-block; cursor: pointer; color: #ffffff !important; font-family: Arial; font-size: 15px; font-weight: bold; padding: 6px 24px; text-decoration: none; text-shadow: 0px -1px 0px #5b6178; text-align: left; } .themeButton i.fa-icon { margin-right: 10px; font-size: 1.5em; } .themeButton span.logo { vertical-align: calc(12%); } .taskresults { overflow-y: auto; } .ticketwrapper { padding: 5px 0; } .taskresults .ticketwrapper:nth-child(odd) { background-color: #eee; } .taskresults .ticketwrapper:nth-child(even) { background-color: #f8f8f8; } .ticketwrapper .cell { display: inline-block; vertical-align: top; } .ticketwrapper .prty { width: 5px; } .ticketwrapper .prty.priority-1 { background-color: #319d14; } .ticketwrapper .prty.priority-2 { background-color: #dd7417; } .ticketwrapper .prty.priority-3 { background-color: #c20202; } .ticketwrapper .ticketnum { width: 100px; } .ticketwrapper .title { width: 760px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ticketwrapper .priority { width: 70px; } .ticketwrapper .workflow { width: 170px; } .frm .input-frame label { margin-bottom: 0; } /*select { padding: 10px 8px 8px; border-radius: 3px; } */ .select2-container--default .select2-selection--multiple { background-color: #fcfbfb; border: 1px solid #d9d5d2; border-radius: 3px; padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } body.other .sidebar .firefox-only, body .sidebar .firefox-only { display: none; } body.firefox .sidebar .firefox-only { display: block; } /* this is added by the plugin */ .aliensun-link-icon { display: none !important; } .ui-widget-overlay { background-color: #000; opacity: 0.77; } .body-container { min-height: calc(100vh - 185px); } .verify-wrapper { border: 1px solid #999; padding: 20px; background-color: #fff; width: 100%; max-width: 550px; } .centred .verify-wrapper { margin: 0 auto; } .verify-wrapper h3 { margin-top: 0; } .verify-wrapper input[type="text"] { width: 120px; } .copy-btn { background-image: url(/static/copy.svg); width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; vertical-align: bottom; display: inline-block; } body { background-attachment: fixed; } body .page-outer, body .body { background-color: transparent; } .grid-stack { background-color: rgba(255,255,255,0.3); } .bkgnd-0 { background-image: url(background.jpg); } .bkgnd-1 { background-image: url(background1.jpg); } .bkgnd-2 { background-image: url(background2.jpg); } .bkgnd-3 { background-image: url(background3.jpg); } .bkgnd-4 { background-image: url(background4.jpg); } .bkgnd-5 { background-image: url(background5.jpg); } .bkgnd-6 { background-image: url(background6.jpg); } .bkgnd-7 { background-image: url(background7.jpg); } .bkgnd-8 { background-image: url(background8.jpg); } .bkgnd-9 { background-image: url(background9.jpg); } .bkgnd-10 { background-image: url(background10.jpg); } .bkgnd-11 { background-image: url(background11.jpg); } .bkgnd-12 { background-image: url(background12.jpg); } .bkgnd-13 { background-image: url(background13.jpg); } .bkgnd-14 { background-image: url(background14.jpg); } article .grid-stack-item .action-edits { display: none; } body.mode-edit article .grid-stack-item.editable .action-edits { display: inline; } .grid-stack-item h4 a { font-family: "proxima-nova-light"; color: #00BAF2; text-decoration: none; }