/* * send-it.css: default stylesheet for PPIT-Web/Impose-it. * * Written by T.Pierron, Polkadots Software Inc. Jun 2014. */ /*#32*/::selection { background-color: /*#3/20:#ffffff*/#ffb733; color: /*#9*/#504532 } body { font-size: 12px; margin: 0; padding: 0; background-color: white; font-family: sans-serif } body.popup, body.flow { overflow: auto } form { margin: 0 } fieldset { margin: 5px 0 0 0; width: auto; border-radius: 5px } a:link,legend { color: /*#2*/#46413e } a:focus { color: /*#2/75:#ff0000*/#d0100f } a:visited { color: /*#2/75:#888888*/#777675 } a img { border: 0 } .selection { background-color: /*#3*/#ffa600; color: /*#9*/#504532 } .sel50 { background-color: /*#3/50:#ffffff*/#ffd27f; color: /*#9*/#504532 } .nowrap { white-space: nowrap } .hide { display: none } .hidden { visibility: hidden } .new { font-weight: bold } a.error, .error { color: red; font-weight: bold } .invalid { background-color: #fbb } .usercls { font-weight: bold } a.reject, .reject { color: #f22 } a.accept, .accept { color: #0b0 } .warning { color: #666; font-size: 0.9em } .dim { color: #888 } .plate { margin: 2px auto !important; box-shadow: 1px 1px 2px #aaa; border-color: #aaa #777 #777 #aaa !important } .compact { width: 1%; white-space: nowrap } .cancel { text-align: right } .smallint { width: 2em; text-align: right } .int { width: 3em; text-align: right } .warning .hdr { background-color: #888; color: white; border-radius: 8px; padding: 0 8px } .error .hdr { background-color: red; color: white; border-radius: 8px; padding: 0 8px; font-weight: normal } .badge { background-color: green; display: inline-block; border-radius: 10px; color: white; padding: 0 10px } label.disa { color: #888; text-shadow: 1px 1px white } /* Main header */ h1 { color: /*#1*/#c48625; margin: 5px 0; font-size: 1.6em } h1 a:link { font-weight: normal; text-decoration: none } h1 a:hover { text-decoration: underline } h1 a.selected { font-weight: bold; color: black } h1 .subtitle { font-size: 0.7em; color: black; display: block } body.popup h1 .subtitle { color: inherit } body.popup h1 .subtitle a { color: /*#1*/#c48625 } body.popup { background-color: /*#5*/#ece9d8; font-size: 12px; padding: 5px } body.popup h1 { border-bottom: 2px groove #ccc; padding-bottom: 5px; margin-bottom: 4px } body.popup p { padding: 0 0 5px 0; margin: 0 } body.popup #toolbar { background-color: /*#5/50:#ffffff*/#f5f4eb } /* Job title mostly */ h2 { position: relative; z-index: 3; display: block; float: right; font-size: 1.3em !important; height: 1.5em; line-height: 1.5em; margin: -3px 0 0 0 !important; color: white; background-color: /*#1*/#c48625; border: 1px solid /*#0*/#c1944d; border-width: 0 0 1px 0; padding: 0 10px 0 2em; border-top: 1px solid /*#1*/#c48625; border-radius: 0 0 0 2em; box-shadow: -2px 1px 3px rgba(0,0,0,0.5); text-shadow: 0 0 3px black } h2 a:link { color: white; text-decoration: none } h2 a:hover { border-bottom: 1px dotted #7aa } /* Queue list group by type in config */ .queuelist { display: inline-block; border-collapse: collapse; vertical-align: top; margin-right: 5px; border: 2px groove #ccc } .queuename { font-weight: bold; text-transform: uppercase } .queuelist thead tr { background-color: #ddd } .queuelist caption { background-color: #ddd; font-weight: bold; font-size: 0.8em } /* Config:sales staff */ fieldset.sep { border: 0; border-left: 2px solid #888; border-radius: 0 } table.layout { border-collapse: collapse; border-spacing: 0; margin-bottom: 2px; width: 100% } table.layout td { vertical-align: baseline } /* HEADER (main ppit-web header) */ span#warnmsg { border: 1px solid #f80; border-width: 1px 0; background-color: yellow; color: red; text-shadow: none } .header { position: relative; overflow: hidden; background: linear-gradient(to bottom, /*#0*/#c1944d, /*#1*/#c48625 90%, /*#0*/#c1944d); background-color: /*#1*/#c48625; text-shadow: 0 0 4px black; height: 3.7em } .header.flat { z-index: 4 } .header a { color: #29f } .header p { margin: 0; padding: 0; color: white } .header .auth { margin-top: 5px } .header .line { line-height: 2.8em } .menu { font-size: 1.25em; background: transparent /*#20*/url("/logos/logo blg.png") no-repeat 5px 45% } .menu.sendit { background-image: /*#21*/url("/logos/logo blg.png") } .header .menu { padding-left: 25%; line-height: 2.8em; float: left; margin-right: 40px } .menu a { color: white; text-decoration: none } .menu a.ack { color: #7f7 } .menu a:hover { color: white; text-decoration: underline } #srvtime { color: #bbb; padding: 0 } .about { position: absolute; right: 5px; top: 1.85em; margin-top: -9px; cursor: pointer } .helpmark img { vertical-align: middle } /* END HEADER */ #content { background: white url(/send-it/gradient-top.png) repeat-x } #footer { position: absolute; height: 40px; left: 0; bottom: 0; right: 0; color: white; text-align: center; line-height: 40px; background: linear-gradient(to bottom, /*#0*/#c1944d, /*#1*/#c48625); background-color: /*#1*/#c48625 } #footer p { margin: 0; padding: 0 } #footer a { color: #29f } #toolbar { background-color: /*#4*/#eeeeee; position: relative; z-index: 20; padding-left: 5px } #curPrefix { text-align: center; font-weight: bold; display: block; margin: 5px auto !important; } #handle { position: absolute; right: 3px; top: 50%; width: 6px; height: 20px; cursor: w-resize; background: transparent url("/send-it/handle.png") no-repeat 50% 50%; display: block } #wait { text-align: center; color: #888 } #internal { display: none } #viewby { display: inline-block; vertical-align: middle } #webpanel { background-color: /*#4*/#eeeeee; } /* Job list mostly */ table.list { width: 100%; border-collapse: collapse; border: 1px solid #ddf } table.list thead td { background-color: #ddf; background: linear-gradient(to bottom, white, /*#11/75:#ffffff*/#f0e0c8 1px, /*#11*/#c48625 80%, /*#11/75:#ffffff*/#f0e0c8); font-weight: bold; border-top: 1px solid #cce; border-bottom: 1px solid #cce; text-shadow: 0 1px 0 /*#11/85:#ffffff*/#f6ecde } table.list tr:nth-child(even) td { background-color: /*#12*/#fce8c8 } #jobs { border: 0; border-collapse: collapse } #jobs thead td { white-space: nowrap } .searchterm { background-color: yellow } a .searchterm { text-decoration: underline } #jobrows .matches { color: black; margin-left: 16px; display: block; font-size: 0.95em; white-space: normal } #jobrows .matches a { color: black } .edittag { background-color: #e8e8f7; color: #bbb; display: inline-block; border-radius: 4px; padding: 0 5px; text-decoration: none } #jobrows tr:nth-child(even) .edittag { background-color: #e0e0f7 } #jobrows .edittag:hover { background-color: #ccd } #jobrows .publictag .edittag, #jobrows tr:nth-child(even) .publictag .edittag { border: 1px dotted #ffdd8c; padding: 0 4px } .taglist { background-color: #e8e8f7; color: #888; padding: 2px 5px; font-weight: bold } .taglist:hover { background-color: /*#1*/#c48625; color: white } #goto { padding: 1px; margin: 0; width: 30px; font-size: 0.9em } /* Job detail tabs */ ul.tabs { display: block; height: 2em; margin: 0; padding: 5px 0 0 2px; border-bottom: 1px solid white; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0) 85%, #aaa) } ul.tabs.bg { background-color: #bbc; background: linear-gradient(to right, /*#6*/#cd9e4f, /*#7*/#cdaa6f); box-shadow: inset 0 0 5px black } ul.tabs li { height: 2em; line-height: 2em; list-style: none; display: block; min-width: 100px; float: left; margin-left: 5px; text-align: center; padding-left: 5px; padding-right: 5px; border-radius: 8px 8px 0 0; background: rgba(0, 0, 0, 0.1); text-shadow: 0 0 3px black; color: white; box-shadow: inset 0 0 3px black } ul.tabs li a { color: white; text-decoration: none } ul.tabs li.selected { font-weight: bold; z-index: 15; background: #eee; box-shadow: 0 0 5px black; background: linear-gradient(to bottom, /*#10*/#e68b2c, /*#4*/#eeeeee 4px, /*#4*/#eeeeee); position: relative; border-bottom: 0; padding-bottom: 1px; text-shadow: none } .popup ul.tabs li.selected { background: linear-gradient(to bottom, /*#10*/#e68b2c, /*#5/50:#ffffff*/#f5f4eb 4px, /*#5/50:#ffffff*/#f5f4eb) } ul.tabs li.selected a { font-weight: bold; color: #555 } ul.tabs .pagenum { font-weight: normal; color: #555; font-size: 0.9em } ul.tabs li.disabled { text-decoration: line-through } ul.tabs li span { font-size: 1.1em } ul.tabs li > span { padding: 0 10px } .config ul.tabs { background-color: transparent; border-bottom: 0; float: left } #content .tabs li a { padding: 15px } /* Upload + notes pane */ .uploadfile { width: 270px; position: absolute; left: 0px; padding: 10px; z-index: 20; background: /*#4*/#eeeeee; background: linear-gradient(-125deg, /*#4*/#eeeeee, /*#4*/#eeeeee 50%, /*#8*/#dddddd); overflow: hidden } .uploadfile ol { margin: 0; padding: 0 0 0 20px; } .uploadfile ol.nonum { margin: 0; padding: 0; list-style: none } /* pagecontainer + toolbar */ #colpages { background-color: /*#4*/#eeeeee; z-index: 20; padding-top: 5px; position: absolute; padding-left: 2px; left: 285px; right: 0; } #sz0 { font-size: 0.8em; } #sz2 { font-size: 1.3em; } a.szSel { font-weight: bold; color: black; text-decoration: none; } /* Job def page number display */ #jobpage { display: inline-block; padding: 0 15px } #warnappr { display: inline-block } #warnappr.hide { display: none } /* Listview style used by pages, sign, status and such */ #publication, table.listview { border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #888; box-shadow: 0 0 1px #888 } #sectionbox .listview { box-shadow: none } #sectionbox .listview th { background-color: #ddd !important; text-shadow: 0 1px 0 white } #publication th, #pageContainer table.listview th { background: #ddd; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; text-shadow: 0 1px 0 white; white-space: nowrap } table.listview td { padding-left: 3px; border-right: 0px solid white } table.listview thead td { background-color: #ddd; border-left: 1px solid #919B9C; border-bottom: 1px solid #919B9C; text-shadow: 0 1px 0 white; font-weight: bold; padding: 2px; white-space: nowrap } table.listview thead td:first-child { border-left: none } table.listview thead td a { text-decoration: none } table.listview thead td a:hover { text-decoration: underline } table.listview.sortable thead td { cursor: pointer } table.listview.sortable thead td.nosort { cursor: auto } table.listview thead td img { width: 8px; height: 9px; visibility: hidden; vertical-align: middle } table.listview td img { vertical-align: middle } table thead td.sorttable_sorted img { background-image: url(send-it/sort-sign-rev.png); visibility: visible } table thead td.sorttable_reverse img { background-image: url(send-it/sort-sign.png); visibility: visible } table.listview tbody td { background-color: white } table.listview tbody tr:nth-child(even) td { background-color: /*#13*/#f1e8e1 } table.listview tbody tr.sel td { color: /*#9*/#504532; background-color: /*#3/30:#ffffff*/#ffc04c; padding: 2px } table.listview tr.sel span.dim { color: /*#9/40:#ffffff*/#968f84 } table.listview .secname { text-align: right; padding-right: 5px; width: 1px; color: #888; background-color: white; border-right: 1px dotted #888; white-space: nowrap } table.listview tr.selected .secname { color: /*#9/70:#888888*/#77736e } table.listview.selectable td { cursor: pointer } /* Pages listview row background */ #pagerows tr td { padding: 1px 1px 0 1px; border-bottom: 1px solid transparent } #pagerows tr.selected td { background-color: /*#3/30:#ffffff*/#ffc04c; color: /*#9*/#504532; border-bottom: 1px solid /*#3/30:#ffffff/20:#000000*/#cc993c } #pagerows tr.warning td { background-color: #ffee80; } #pagerows tr.selected td .error { color: /*#9*/#504532; } #pagerows tr.warning.selected td { background-color: #8077bf; } #pagerows tr.error td { background-color: #ffcccc; } #pagerows tr.error.selected td { background-color: #8066e5; } #pagerows tr.selected a:link { color: /*#9/40:#0000ff*/#302984; } #pagerows tr:last-child td { border-bottom: 1px solid #888 } /* Toolbar-like buttons */ .toolButton { display: inline-block; position: relative; margin-right: 6px; text-align: center; text-decoration: none; vertical-align: middle } .toolButton:hover { text-decoration: underline } .toolButton.text:hover { text-decoration: none } .toolButton.text span:hover { background-color:/*#3/20:#ffffff*/#ffb733!important; color: /*#9*/#504532!important } .toolButton.disabled { text-decoration: none; color: #888; text-shadow: 1px 1px 0 white } .toolButton img { border: 0; display: block; margin-left: auto; margin-right: auto; height: 32px } .separator { display: inline-block; padding-top: 32px; border-right: 2px groove white; margin-right: 5px; margin-bottom: 4px; vertical-align: middle } .separator + .separator { display: none } .config a.toolButton.disabled span { text-decoration: line-through } .config a.toolButton { margin-right: 10px } /* pill buttons for mutually exclusive options */ .btn.pill-l { background-position: left bottom; border-right: 1px solid #bbb; border-radius: 4px 0 0 4px } .btn.pill-r { border-left: 1px solid white; background-position: right bottom; border-radius: 0 4px 4px 0 } .btn.pill-c { border-left: 1px solid white; border-right: 1px solid #bbb; border-radius: 0 } .btn.active { background: linear-gradient(to bottom, #353872, #2a60a8); color: white; box-shadow: inset 1px 1px 3px black; border-color: transparent } .btn.active span span { color: white } a.btn { color: #444 } .btn { margin:0; padding: 0 8px; border: 1px solid #bbb; overflow:visible; text-decoration:none; color:#444; background: linear-gradient(to bottom, #fff, #ddd); border-radius: 4px; line-height: 24px; display: inline-block; cursor: pointer } #fmtfilter { white-space: nowrap } #pgsubmit { position: absolute; left: -9999px; width: 1px; height: 1px } .site { text-decoration: none; color:#000!important } .site::before { content: url("/planner/images/extern.png"); margin-right: 5px } #filterSite { margin-right: 8px } /* Color chooser in settings */ .cc div { display: inline-block; vertical-align: middle; width: 16px; height: 16px } #satval { width: 200px; height: 150px; display: inline-block; background-color: yellow; margin: 5px 5px 0 5px; cursor: crosshair; position: relative } #hue { width: 16px; height: 150px; display: inline-block; margin: 5px 5px 0 5px; position: relative; background: linear-gradient(to bottom, #f00, #f0f 17%, #00f 33%, #0ff 50%, #0f0 67%, #ff0 83%, #f00) } #cc .curs { position: absolute } #hexval { margin-left: 5px } #hue .curs { width: 7px; height: 11px; background-image: url("/send-it/arrow.gif"); margin: -5px 0 0 -7px } #satval .curs { width: 15px; height: 15px; background-image: url("/send-it/cross.gif"); margin: -7px 0 0 -7px } /* Alert window */ #alerts { position: absolute; left: 10%; right: 10%; top: 10%; min-height: 300px; max-height: 80%; border: 5px solid #f22; overflow: auto; background-color: white; box-shadow: 4px 4px 8px #888; border-radius: 8px; z-index: 50 } #alerts table { box-shadow: none; border-collapse: collapse; width: 100% } #alerts table tbody tr td:first-child > span { display: list-item; margin-left: 16px } #alerts table tr.new td:first-child span:before { content: "new"; display: inline-block; color: white; background-color: #2a2; border-radius: 10px; padding: 0 8px; margin-right: 3px } #alerts .mono { font-family: monospace; white-space: pre-line } #alerts tbody tr:nth-child(even) td { background-color: #fefcd6 } #alerts td:last-child { white-space: nowrap } #alerts tbody td { color: #888; padding: 5px 5px 5px 0 } #alerts .new td { color: black } #alerts thead tr { background-color: #faa; border-bottom: 1px solid #f22; text-shadow: 0 1px 0 white; font-weight: bold; padding: 2px; white-space: nowrap } #alerts thead td img { vertical-align: middle; padding-right: 2px } /* Drag'n drop uploader */ .uploader { max-height: 200px; overflow: auto } .uploader .error { margin-right: 20px } .uploader .listview { box-shadow: none } .pgbar { width: 100%; border: 1px solid #888; position: relative; margin-top: 5px; text-align: center; background-color: #d9d9d9; background: linear-gradient(to bottom, #e0e0e0, #ededed, #ccc, #dcdcdc) } .pgbar div { position: absolute; left: 0; top: 0; bottom: 0; background-color: #9bca64; background: linear-gradient(to bottom, #b1e081, #c9eca6, #7a3, #a6d971) } .pgbar span { position: relative; z-index: 10 } .queue { width: 100%; margin: 4px 0 } /* jobdef */ .sectitle { display: block; text-align: left; border-bottom: 1px solid #aaa; margin: 3px 0 4px 3px; padding-left: 5px; clear: left; font-weight: bold } .lasso { position: absolute; border: 1px dashed /*#3*/#ffa600; z-index: 30 } .imgStatus { margin-left: 3px; vertical-align: middle } img.format { border: 0; padding-left: 3px; vertical-align: bottom } /* Group of pages in icon view (pages or sign) */ #pageGroup { border-top: 1px solid #ccc; background-color: #f8f8f8 } .group { margin-top: -1px; display: block; float: left; padding: 2px 8px; border-style: solid; border-width: 0 1px 0 0; border-color: white #777 #777 white; cursor: pointer; color: #888; text-decoration: none } .group:hover { text-decoration: underline } .group.first { border-left-color: /*#4*/#eeeeee } .group.sel { outline: 0; border-left-color: /*#4*/#eeeeee; background: /*#4*/#eeeeee url(/send-it/bg-button.gif) no-repeat center bottom; color: black; cursor: auto; font-weight: bold; text-decoration: none } #pageContainer { border-top: 1px solid #ccc; border-left: 1px solid #ccc; overflow: auto; background: white; padding: 3px 5px; left: 0; right: 0 } #pageContainer.status { z-index: 20; background: linear-gradient(to bottom, /*#4*/#eeeeee, white 50px) } #pageContainer.nopad { padding: 0 0 3px 0; } #pageContainer.archived { background-image: url(send-it/archived.png) } div.pages { display: inline-block; border: 0; margin: 2px; padding: 2px; text-align: center } div.pages.warning { background-color: #ffee80 } div.pages.interr { background-color: #ffbbbb } div.pages .extra { padding-top: 2px } div.pages .number { font-size: 1.334em } div.pages .dim { font-size: 0.85em } div.pages .view { margin-left: auto; margin-right: auto } div.pages span.selected { color: /*#9*/#504532 } div.pages.small span.number { font-size: 0.92em } div.pages div.extra span { font-size: 0.92em } div.pages.small div.extra { font-size: 0.75em } div.pages img { user-select: none } div.pages .thumbnail { display: block; border: 1px solid #ddd; position: relative } div.pages.warning .thumbnail { border-color: #ddce6f } div.pages.interr .thumbnail { border-color: #dda2a2 } div.pages .thumbnail.selected { border-color: /*#3*/#ffa600 } div.pages .thumbnail div.mask { display: none } div.pages .thumbnail.selected div.mask { position: absolute; background-color: /*#3*/#ffa600; opacity: 0.4; bottom: 0; width: 100%; top: 0; display: block } #pageContainer table.listview tr.interr td { background-color: #ffbbbb } #pageContainer div.pages div.bgIntent { background: white url("send-it/NA.png") no-repeat 50% 50% } #pageContainer div.pages div.bgIntent.rev { background: #d7ebb5 url("send-it/NA-rev.png") no-repeat 50% 50% } #pageContainer div.pages div.frameIntent { border: 1px solid #ddd; margin-left: auto; margin-right: auto; line-height: 1px } #pageContainer div.pages img.comment { margin-left: 3px; vertical-align: middle } #pageContainer #publication, #pageContainer #pagelist { box-shadow: none } .view { position: relative } .jdboxname { color: black; line-height: normal; opacity: 0.8; padding: 0; position: absolute; bottom: 3px; left: 0; right: 0; height: 14px; font-size: 0.8em; white-space: nowrap; overflow: hidden; text-shadow: 1px 1px 0 white } .jdbox0 .view { border: 1px solid #aaa; background-color: #ccc } .jdbox1 .view { border: 1px solid #58a200; background-color: #58a200; } .jdbox2 .view { border: 1px solid #ff6796; background-color: #ff6796; } .jdbox3 .view { border: 1px solid #1ea1ac; background-color: #1ea1ac; } .pages.jdbox0 div.frameIntent { border: 1px solid #777; } .pages.jdbox1 div.frameIntent { border: 1px solid #58a200 } .pages.jdbox2 div.frameIntent { border: 1px solid #ff6796 } .pages.jdbox3 div.frameIntent { border: 1px solid #1ea1ac } .pages .trim { color: #58a200 } .pages .bleed { color: #ac0035 } .pages .crop { color: #1ea1ac } /* Status for signatures using impose-it publication template */ .status td.icon { padding-left: 15px !important; background-repeat: no-repeat; background-position: 2px 50%; white-space: nowrap } .missing td.icon { background-image: url("/send-it/unknown-mark.png") } .waiting td.icon { background-image: url("/send-it/warn-mark.png") } .notuptodate td.icon { background-image: url("/send-it/reject-mark.png") } .ok td.icon { background-image: url("/send-it/accept-mark.png") } #addOpt { font-style: italic } #nosp { font-style: italic; padding: 5px 0; width: auto; text-align: center } #userEdit.small { width: 50%; float: left; margin-right: 5px } #userEdit .layout input { width: 100%; box-sizing: border-box } #autoremove td { text-align: center; padding: 10px } #autohide ul { margin: 0; padding-left: 20px } #filerows { overflow: auto } #filerows input { margin: 0; padding: 0 } #filetools { font-size: 0.9em } #filetools img { vertical-align: middle } #filetools a { text-decoration: none } #filerows div.filename { border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 8px } #filetools a:hover { text-decoration: underline } #colpages .filename { vertical-align: middle; margin-left: 5px; display: inline-block } #colpages [state="processing"] { padding-left: 16px; background: transparent url("/send-it/processing.gif") no-repeat 0 50% } #colpages [state="error"] { color: red; font-weight: bold } #colpages .filename span img { padding-right: 5px; cursor: pointer } #colpages .filename .dim, #colpages .filename br, #colpages #waitnote > a, #colpages .filename input { display: none } #colpages .jobStatus { visibility: hidden } #colpages .jobStatus .reject:first-child { visibility: visible; background-color: #f66; color: #ffffff; padding: 0 1em; border-radius: 1em; margin-left: 5px; text-decoration: none } #colpages .jobStatus .reject:last-child { display: none } #files .highlight { background-color: yellow } #files .deleted td.filename { text-decoration: line-through } #files tr td.filename span { padding-left: 10px; display: block } /* Menu popup (toolbutton, queue list) */ div.popup { position: absolute; margin-top: 14px; padding: 0 !important; z-index: 30 !important; box-shadow: 1px 1px 4px #555 } div.popup a { text-decoration: none } div.popup span, div.popup a { display: block; padding: 1px 5px } div.popup div.border { border: 2px solid black; background-color: white; color: black; padding: 1px; margin: 0 } div.popup img.arrow { display: block; position: absolute; left: 8px; top: -14px } div.popup.ralign img.arrow { left: auto; right: 8px } div.popup img.arrow.down { left: 8px; bottom: -14px; top: auto } div.popup span img { vertical-align: middle } div.popup div.column { width: auto; display: inline-block; vertical-align: top } div.popup div br { clear: left } div.popup a:hover, div.popup span:hover { background-color: /*#3/30:#ffffff*/#ffc04c; color: white; cursor: pointer } div.popup div.column.follow { border-left: 1px solid #ccc } div.popup.down { margin-top: 0 } div.popup.down img.arrow { top: auto; bottom: -14px; transform: rotate(180deg) } div.popup span.select { color: #888 } /* Configuration related stuff */ #configarea { position: relative; z-index: 20; border: 0; padding: 10px; margin: 0; background: /*#4*/#eeeeee } #configarea fieldset { margin-bottom: 20px } fieldset.line { margin-bottom: 0!important; border-bottom-width: 0; border-left-width: 0; border-right-width: 0; border-radius: 0; padding-left: 0; padding-bottom: 0; margin-top: 5px } fieldset.line legend:before { content: "\25ba\a0" } .config #tool256 { color: #bbb } .config .auth a { color: white; text-decoration: none } .config .auth { position: static } .config .header { display: inline-block; padding-top: 6px } .config .header a.disabled { text-decoration: line-through } /* Archiving progress bar */ .progress { display: inline-block; width: 100px; border: 1px solid black; height: 10px; background-color: white } .channel { display: block; background-color: /*#3/25:#ffffff*/#ffbc3f; height: 100% } /* File number waiting for processing */ #waitnote > span { font-variant: small-caps } #waitnote ul { margin: 0; padding: 0 0 0 16px } #waitnote .number { font-size: 1.2em; background-color: green; border-radius: 10px; color: white; padding: 0 5px } /* Error notification */ #mail { width: 50px; height: 44px; background-image: url(send-it/mailshadow.png); position: absolute; right: 50px; background-repeat: no-repeat; background-position: 50% 50%; top: 0; cursor: pointer } #mail.dim { opacity: 0.05 } #mail.dim:hover { opacity: 0.7 } /* renumbered flat, taken from planner.css */ span.custnum { padding: 0 0.5em; border-radius: 1em } span.section0, span.section1 { background-color: #3999cc; color: white } span.section2 { background-color: #63cc39; color: white } span.section3 { background-color: #e31eb2; color: white } span.section4 { background-color: #5339cc; color: white } span.section5 { background-color: #ff5d00; color: white } span.section6 { background-color: #b139cc; color: white } span.section7 { background-color: #ccaf39; color: white } span.section8 { background-color: #cc3953; color: white }