/*** GLOBAL ***/ /* * The MIT License * Copyright (c) 2012 Matias Meno */ #grid-infobox .result {overflow-x:visible !important;} #ticketmatic-import:before { content: ''; } #ticketmatic-import span { padding: 4px !important; padding-left:8px !important; padding-right:8px !important; display: inline-block; } .read-more { margin-top:20px; display:block; } #row-calendar #calendar { width:auto !important; } #tab-message-button {display:none;} #ticketmatic-import { top: -1px; position: relative; padding:0 !important; } .dropzone, .dropzone * { box-sizing: border-box; } .dropzone { position: relative; } .dropzone .dz-preview { position: relative; display: inline-block; width: 120px; margin: 0.5em; } .dropzone .dz-preview .dz-progress { display: block; height: 15px; border: 1px solid #aaa; } .dropzone .dz-preview .dz-progress .dz-upload { display: block; height: 100%; width: 0; background: green; } .dropzone .dz-preview .dz-error-message { color: red; display: none; } .dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark { display: block; } .dropzone .dz-preview.dz-success .dz-success-mark { display: block; } .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark { position: absolute; display: none; left: 30px; top: 30px; width: 54px; height: 58px; left: 50%; margin-left: -27px; } iframe {border:0;} ul, li, div, span, h1, h2, h3, h4, h5, h6, a, input, button, table, td, tr, img, from, fieldset {margin:0; padding:0; border:0;} html { height:100%; } body {font-family:Verdana, Helvetica, Arial, sans-serif; color:#fff; font-size:12px; margin:0; } h1, h2, h3, h4, h5, h6 {color:#000; font-size:14px; text-transform: uppercase;} h1 {margin-left:50px; margin-bottom:5px;} /*h1 a { font-family:Comic Sans MS !important; font-size:90px !important;}*/ h1 a { width:550px; display:block; background:url('/media/admin/images/zap_logo.png') no-repeat bottom left; height:102px; padding-left:35px; font-size:110px; overflow:hidden;} h1 a:hover {color:#0aaeef;} h2:first-child {margin-top:0;} p {line-height:130%;} #who-box {margin-bottom:20px;} #dropzone {padding:30px;border:1px dashed #CCC;margin-top:30px;} tr.error td {background: red !important;} .color {width:10px;height:10px;display:block;} .calendar div.title {margin-top:-23px;} body.intranet .ui-dialog {max-width:450px;} div.birthday.date { background-color:#FFF; } td.cell-date {min-width:100px;} tr.hide {display:none;} #buttons {float:right} #title-event {float:left;} #buttons button:hover {color:#FFF;} #div-accounts {z-index:10;background-color:#000;padding:5px;margin-top:5px;color:#FFF;position:absolute;right:0;} #div-accounts input {margin-right:5px;position:relative;top:2px;} #news-box a.button, #shoutbox a.button {clear:both;width:160px;display:block;} #news-box h3.blue {float:left;clear:both;} #shoutbox h3 {float:left;} #shout-print {float:right;} #ddcl-location_id {margin-right:50px;} .cell-shout {padding-left:10px;padding-right:10px;} body.intranet #info {min-width:320px !important;max-width:320px !important;width:320px !important;} #row-users .asmListItem input {display:none !important;} #search-box {position:absolute;right:30px;top:30px;} #search-box input {width:150px;} ul#search-items {list-style-type:none;} ul#search-items li {margin-bottom:10px;} .calendar table {width:100%;} .calendar table.month {clear:both;} .calendar th {padding:5px; text-transform: uppercase; font-size:15px; color:#999; } .calendar td {padding:5px;width:14%;} .calendar .box {vertical-align:top; border-radius: 2px; font-size:11px; } .calendar .box a { } .calendar .box a:hover { text-decoration:underline; } .calendar .month .box {height:120px;} .calendar .day {background-color:#EEE;} div.tooltip {display:none;} .calendar .weekend {background-color:#DDD;} .calendar .box:hover .number, .calendar table.week th .day-number { padding-right:11px; background:url('/media/admin/images/icons/calendar-add-date.png') no-repeat right 3px; } .calendar table.week th .day-number {font-weight:normal !important;} .calendar table.week th:hover .day-number {font-weight:bold !important;} .calendar .date.construction { opacity:.5; filter:alpha(opacity=50); } .calendar table.week th { cursor:pointer; } .calendar table.week th .day-number { margin-left:10px; padding-right:11px; } .calendar table.week td.hours { width:3%; } .calendar table.week td.day { width:13.857142857142857142857142857143%; } .calendar table.week .hour-block { height:30px; text-align:right; font-size:11px; } .calendar table.week .weekday { position:relative; } .calendar table.week .weekday .hour-block { position: absolute; border-top:1px solid #ddd; left:0; right:0; z-index:1; } .calendar table.week .weekend .weekday .hour-block { border-color:#d5d5d5; } .calendar table.week .weekday .date { position: absolute; left:0; right:0; z-index:10; margin:0; overflow:hidden;} .calendar table.week .all-day-row td { height:30px; } .loading {margin-top:10px;} #calendar .controls .loading {margin-top:0px;margin-right:10px;position:absolute;} #calendar {float:left; margin-top: -10px; width: 100%;} .ui-dropdownchecklist-selector .ui-dropdownchecklist-text {text-align:right;width:100px;white-space: nowrap;display:block;overflow: hidden;text-overflow: ellipsis;} #ddcl-type_calendar span.ui-dropdownchecklist-text {width:114px;} #ddcl-type_production_date_id .ui-dropdownchecklist-text { width: 68px !important; } .calendar .date {margin-top:5px;padding:3px; border-radius: 2px; } .calendar .time {float:left;} .calendar .date .color {margin-left:5px;float:right;margin-right:0;cursor:pointer;} .calendar #grid-filter {margin-bottom:7px;} #menu-general_condition, #menu-type_contact {padding-bottom:6px;} #menu-type_invoice, #menu-form_tickets {display:block; border-top: 1px solid #DDDDDD;text-align:right; padding-top:6px; width: 90%;} .calendar .demp {color:#CCC;} .calendar .demp .color { opacity: 0.3; } .calendar .number {float:left;cursor:pointer;margin:3px;} .calendar .msg {float:right;color:#999;margin:3px;} .calendar .date a {display:cursor;} .calendar .overflow {width:100%;white-space: nowrap;display:block;overflow: hidden;text-overflow: ellipsis;} .calendar .loading {float:left;height:20px; } .calendar .action {color:#999999;float:left;cursor:pointer;padding:3px;} .calendar .action:hover, .calendar .active.week, .calendar .active.month {color:#000;} .calendar .sep {color:#999;padding:3px;float:left;} .calendar .item {float:right;cursor:pointer;} div.controls .legend .spacer {float:right; color: #CCC;} div.controls .legend {padding:10px;height: 16px; margin-bottom: 20px;} div.controls .item, div.controls .legend .spacer {border-bottom: 1px solid #CCC;padding-bottom:10px;} .calendar #grid-filter {display:none;} #zapalert {margin-top:10px;} .calendar #month {width:150px;} #row-users td.label {display:none;} #form-contract #row-users td.label {display:inline-table;} #form-invoice #row-users td.label {display:inline-table;} #form-todo #row-users td.label {display:inline-table;} .modal-form-content #row-users td.label {display:block;} .calendar .title, ul#search-items li.title {text-transform:uppercase;text-align:left;font-size:20px;margin-top:10px; margin-bottom: 10px;} .calendar .title { float:left; margin-bottom: 0px; margin-top: 12px; position:absolute;} .title a { height: 17px; display: block; border-left: 1px solid #FFFFFF; border-right: 1px solid #DDDDDD; padding: 0 10px 0 10px !important;} .title a:first-child { border-right: medium none; padding-left: 0; padding-right: 0;} .title .previous { margin-right: 12px; padding-right: 0!important; margin-top: 10px; border-right: none; width: 16px; height: 17px; background: url('/media/admin/images/icons/prev.png') no-repeat right center; } .title .next { margin-left: 10px; padding-left: 0!important; margin-top: 10px; border-left: none; width: 16px; height: 17px; background: url('/media/admin/images/icons/next.png') no-repeat left center; } .title .now { margin: 0; margin-top: 15px; padding: 0 !important; border: none; width: 9px; height: 17px; background: url('/media/admin/images/icons/now.png') no-repeat 0 0; } .title .previous:hover { background: url('/media/admin/images/icons/prev-hover.png') no-repeat right center; } .title .next:hover {background: url('/media/admin/images/icons/next-hover.png') no-repeat left center; } .title .now:hover { background: url('/media/admin/images/icons/now-hover.png') no-repeat 0 0; } .title .month, .title .week { margin-top: 10px; text-indent: 0; width: auto; font-size: 14px; color: #a2a2a2; font-weight: normal; font-family: 'AkagiMedium'; } .title .week { padding-right: 0; border-right: 0; } .title div { padding-left: 10px; padding-right: 10px; border-right: 1px solid #DDDDDD; margin-top: 10px; line-height: 16px; height: 17px; } .title div.clear { padding: 0; margin: 0; border: none; height: auto; } .ui-dropdownchecklist-selector, .ui-dropdownchecklist-item {cursor:pointer;} .ddcommon .clear{clear:both} .ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;} .ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;} .ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;} .borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;} .borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888} .borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;} .borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;} img.fnone{float:none !important} .ddcommon .divider{width:0; height:100%; position:absolute;} .ddcommon .ddArrow{display:inline-block; position:absolute; top:50%; right:4px;} .ddcommon .ddArrow:hover{background-position:0 100%;} .ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%} .ddcommon .ddTitle .ddTitleText{display:block;} .ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;} .ddcommon .ddTitle .description{display:block;} .ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left} .ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999} .ddcommon .ddChild li{clear:both;} .ddcommon .ddChild li .description{display:block;} .ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left} .ddcommon .ddChild li.optgroup{padding:0;} .ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic} .ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px} .ddcommon .noBorderTop{border-top:none 0 !important; padding:0; margin:0;} .dd .ddChild li img {height:20px;} /*************** default theme **********************/ .dd{border:1px solid #c3c3c3;} .dd .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff;; right:24px;} .dd .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../images/dd_arrow.gif) no-repeat;} .dd .ddArrow:hover{background-position:0 100%;} .dd .ddTitle{color:#000;background:#e2e2e4 url(../images/title-bg.gif) repeat-x left top;} .dd .ddTitle .ddTitleText{padding:5px 20px 5px 5px;} .dd .ddTitle .ddTitleText .ddTitleText{padding:0;} .dd .ddTitle .description{font-size:12px; color:#666} .dd .ddTitle .ddTitleText img{padding-right:5px;} .dd .ddTitle .ddTitleText img {max-height:100px;} .dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;} .dd .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3;} .dd .ddChild li .description{color:#666;} .dd .ddChild li .ddlabel{color:#333;} .dd .ddChild li.hover{background-color:#f2f2f2} .dd .ddChild li img{padding:0 6px 0 0;} .dd .ddChild li.optgroup{padding:0;} .dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic} .dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px} .dd .ddChild li.selected{background-color:#d5d5d5; color:#000;} .dashboard-content div.grid .controls {position:static;} .dashboard-content div.grid div.head {display:none;} .dashboard-content #udb-export {margin-bottom:0px;} .dashboard-content img.excel {display:none;} .dashboard-content #export {margin-bottom:15px;} .dashboard-content .pagination {display:none;} .analytics-section { margin:50px 0; } .analytics-section table.grid { float:none; } div.clear {clear:both;} .modal-form input.error {background-color:#FF0000;} .modal-form, #zapalert { margin-top: 10px; } .dashboard-box td.label {vertical-align:top;} a { color:#333;text-decoration:none;} body.front a, body.front a:visited {color: #FFF;} body.front #content p { color:#fff; } #top a, #top a:visited, #header a, #header a:visited { color:#fff; } .ui-dropdownchecklist-selector, .ui-dropdownchecklist-item {cursor:pointer;} #tooltip {display:none;padding:5px; box-shadow:0 0 3px rgba(0,0,0,.8); border-radius:4px; padding:10px; background-color:#000; } #tooltip td {vertical-align:top;} .asmListItem input.extra {display:none;margin:3px;width:50px;} header, footer, aside, nav, section, article { display:block; } button, .button { cursor:pointer; background:#ddd; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; border-radius:4px; padding:2px 5px; border:1px solid #d5d5d5; color:#555; } #export:hover{color:#fff;} input.button:hover { color:#fff !important; } ins { text-decoration: none; background-color:green; } del { text-decoration: none; background-color:red; } .row-add {margin:5px;display:none;margin-left:0;} .new {width:150px;} #price-new {width:200px;} #row-directlink td {padding-top:14px;} #noflash {border:1px solid #000;display:block;position:relative;background-color:#FF0000;width:200px;padding:10px;color:#FFF;top:-5px;} .modal-form .parameters input.paging {width:30px;} .modal-form .parameters {margin-top:10px;} #row-title_suspend td.label label {display:none;} #row-title_info td.label label {display:none;} #row-title_main td.label label {display:none;} #row-title_mail td.label label {display:none;} #row-title_remote td.label label {display:none;} #row-conditions_accept_date .label {padding-top:10px;} #row-conditions_accept_date .element {padding-top:10px;} .grid-help {margin-bottom:10px;} .grid-help p {margin-top:0;} #grid-archive ul.grid-actions {display:none;} div.question {cursor:pointer;} div.answer {display:none;} .zap_progress-label {width:500px;margin-top:10px;} .cancel {margin-left:5px;} .cancel:hover {border:1px solid #000;background-color:#FF0000;color:#FFF;} .genres { color:#888888;display:block;float:left;margin-top:1px; } /*** HELPERS ***/ .clearfix {clear:both;float:none;} .zap_cell_info ul {margin-left:30px;list-style-type:circle;} td.reason {padding-left:5px;} .margin-bottom {margin-bottom:20px;} .margin-bottom-small {margin-bottom:10px;} .left {float:left;} .uppercase {text-transform: uppercase;} .error, .error_text {background:#FF0000;} .no_margin_top {margin-top:0;} .hidden { display:none; } img.del {cursor:pointer;margin-right:5px;} .files td.cell-icon {vertical-align:top;} .files a img {max-width:400px;} tr.none, #content tr.none td.cell-url a {color:#999;} a.link {color:#000;} tr.error {background-color:#FF0000;} #zapalert { display:none; } div.info ul {list-style-type:square;margin-left:15px;} td.none {color:#CCC;} .date-icon {float:left;margin-left:5px;} div.swap {pointer-events:none;position:absolute;} div.swap object {} /*.page {margin:10px;}*/ .upload { position:relative; margin-bottom:8px; } .upload .label { background-color:#ccc; border: 1px solid #ccc; padding: 3px 8px; border-radius:4px; color:#333; } .upload .label.img { border:none; padding:0; } .upload .swf, .upload object { position:absolute; top:0; left:0; } input.radio {width:auto;margin-right:5px;} ul.radio {list-style-type:none;} li.radio div {margin-top:10px;} button#back_list {margin-top:10px;} #stats ul {list-style-type:none;margin-top:10px;} #stats .element {width:100%;} a.blue-button { width:309px; display:block; text-transform:uppercase; color:#fff; text-align:center; margin-bottom:10px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px; border-radius:7px; box-shadow: 0px 0px 1px rgba(20,20,20,1); } a.blue-button.large { height:50px; line-height:50px; font-size:19px; text-decoration:none; /*background-image:url('/media/admin/images/blue_button_large.png*/ } a.blue-button.large:hover { } a.blue-button.small { height:46px; line-height:46px; font-size:15px; background-image:url('/media/admin/images/blue_button_small.png'); } a.blue-button.small:hover { background-image:url('/media/admin/images/blue_button_small-hover.png'); } /*a.blue-button:hover {background-image:url('/media/admin/images/button_large.png'); }*/ p.test {line-height:20px;padding-bottom:10px;} /*** FONTS ***/ @font-face { font-family: 'AkagiBlack'; src: url('/media/admin/fonts/akagi-blk-webfont.eot'); src: local('☺'), url('/media/admin/fonts/akagi-blk-webfont.woff') format('woff'), url('/media/admin/fonts/akagi-blk-webfont.ttf') format('truetype'), url('/media/admin/fonts/akagi-blk-webfont.svg#webfontpDPodonO') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AkagiBold'; src: url('/media/admin/fonts/akagi-bd-webfont.eot'); src: local('☺'), url('/media/admin/fonts/akagi-bd-webfont.woff') format('woff'), url('/media/admin/fonts/akagi-bd-webfont.ttf') format('truetype'), url('/media/admin/fonts/akagi-bd-webfont.svg#webfontpDPodonO') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AkagiMedium'; src: url('akagi-md-webfont.eot'); src: url('/media/admin/fonts/akagi-md-webfont.eot?#iefix') format('embedded-opentype'), url('/media/admin/fonts/akagi-md-webfont.woff') format('woff'), url('/media/admin/fonts/akagi-md-webfont.ttf') format('truetype'), url('/media/admin/fonts/akagi-md-webfont.svg#AkagiMedium') format('svg'); font-weight: normal; font-style: normal; } h1 a { font-family:AkagiBlack, 'Franklin Gothic Demi', Arial, sans-serif; } #navigation ul li a, h2, h3, a.blue-button, table#permissions th, table#permissions tr.depth0 td.label { font-family:AkagiBold, 'Franklin Gothic Demi', Verdana, Arial, sans-serif; } #subnav a, #subnav .link, #tabs { font-family:AkagiMedium, 'Franklin Gothic Demi', Verdana, Arial, sans-serif; } /*** LAYOUT ***/ body { background-color:#222 } #pattern { top:0; left:0; position:fixed; height:100%; z-index:1; width:100%; background:url('/media/admin/images/pattern-dark.png'); } body.homepage #pattern { background:url('/media/admin/images/pattern-light.png'); } #wrap { position:relative; z-index:3; width:100%; height:100%; min-width:984px; } #header { margin:50px 0 0 160px; position:relative; z-index:100; } #canvas { background:#fff; margin:6px 20px; -moz-border-radius:8px; -webkit-border-radius:8px; -ms-border-radius:8px; border-radius:8px; padding:40px 0; min-height:300px; min-width:984px; position:relative; z-index:10; } #main { float:left; width:95%; margin-left:30px; } body.front #main, #main.margin { margin-left:230px; width:79%; } #content { position:relative; color:#fff; color:#333; padding-bottom:40px; } #top { padding:5px 10px 0 25px; overflow:auto; } #breadcrumbs { float:left; text-transform:uppercase; } #menutop { position:absolute; right:25px; z-index:999; } #menutop, #menutop ul { list-style:none; } #menutop li { float:left; } #menutop .navigation li, #zta, #planning, #faq { padding:0 8px; } #who { padding-left:4px; margin-left:4px; cursor:default; position:relative; border-left:1px solid #eee; } #who span { padding:3px 8px; border-top-left-radius:4px; border-top-right-radius:4px; } #who:hover ul { display:block; } #who ul li { float:none; padding:4px 0; border-top:1px solid #049ED6; } #who ul li a:hover { color:#000; } #who ul li:first-child { border-top:none; } #accounts { position:absolute; left:-140px; bottom:-4px; } #cropperholder, #tooltip { position:absolute;top:0; left:0;z-index:9999; } #opgelet { display:none; } #opgelet-foot { font-size:12px; margin-top:40px; color:#888; } /*** NAVIGATION ***/ #navigation { position:relative; } #navigation ul { list-style:none; margin-left:25px; } #navigation ul li { display:inline; margin:0 5px; } #navigation ul li a { display:inline; font-size:17px; text-transform:uppercase; } body.front #nav-home { display:none; } #subnav { float:left; width:208px; padding-right:20px; margin-top:52px; position:absolute; } #subnav ul { list-style:none; } #subnav a, #subnav .link { display:block; font-size:17px; color:#959494; text-transform:uppercase; float:right; clear:both; } #subnav a:hover, #subnav .active a, #subnav .active .link.active { color:#6a6a6a; } #subnav .link.disabled { color:#bbb; } #menu-archive, #menu-myaccount, #menu-genre, #menu-infobox_genre, #menu-general_genre { margin-top:10px; } #nav-home { background: url("/media/admin/images/icons/home_white.png") no-repeat scroll 0 0 transparent; display: block; height: 16px; left: 0; position: absolute; top: -1px; width: 16px; } #nav-home:hover { background-image: url("/media/admin/images/icons/home_blue.png"); } #breadcrumbs #help.disabled { cursor:default; color:#555; } #navigation li.has-subnav { position:relative; } #navigation li.has-subnav:hover { } #navigation li.has-subnav:hover ul { display:block; } #navigation ul.manage-subnav li { margin:5px 0 !important; text-align:center; display:block !important; } #navigation ul.manage-subnav li a {color:#fff !important; } #navigation ul.manage-subnav li:hover { border:none !important; padding-bottom:0 !important; } #navigation ul.manage-subnav li a:hover { color:#333 !important; } /*** ACCOUNT SELECTBOX ***/ #shortcuts { display:none; } #shortcuts a { display:block; margin-bottom:2px; } #accounts:hover #shortcuts { display:block; } .sbHolder { position:relative; width:120px; height:30px; border-radius:5px; } .sbHolder:hover, .sbHolder.open { background-color:#000; } .sbSelector { display:block; height:30px; position:absolute; width:82px; overflow:hidden; line-height:30px; padding-left:38px; } .sbToggle { background: url(/media/admin/images/select-icons.png) right -116px no-repeat; display: block; height: 30px; width:23px; margin-left:7px; outline: none; position: absolute; left: 0; top: 0; } .sbHolder:hover .sbToggle { background-position:right -167px; } .sbToggleOpen { background-position:right -16px; } .sbHolder:hover .sbToggleOpen { background-position:right -66px; } .sbOptions { background-color: #000; list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 30px; width: 200px; z-index: 999; overflow-y: auto; border-radius:5px; } .sbOptions li { padding: 0 7px; } .sbOptions a { border-bottom: dotted 1px #fff; display: block; outline: none; padding: 7px 0 7px 3px; } /*** TABS ***/ #tabs { position:absolute; top:4px; right:0; } #tabs ul { list-style:none; height:20px; } #tabs li { display:inline; color:#666; font-size:14px; margin-right:2px; padding:4px 15px; border-radius:4px; text-transform:uppercase; cursor:pointer; } .tab { } body.front .tab { background:none; padding:0; } /*** GLOBAL MESSAGES ***/ #global-messages { margin-bottom:20px; position:absolute; width:400px; z-index:9999; left:0; right:0; margin:0 auto; } .global-message { position:relative; margin:0 auto; width:400px; border-radius: 5px; font-weight: bold; padding: 15px 15px 15px 50px; background-position:15px center; background-repeat:no-repeat; margin-bottom:2px; } .global-message.success { background-color:#ACE2AC; background-image:url('/media/admin/images/icons/success.png'); border-color: #82BB82; color:#094809; } .global-message.error { background-color:#e2acac; background-image:url('/media/admin/images/icons/error.png'); border-color: #bb8282; color:#480909; } .global-message.warning { background-color:#dee2ac; background-image:url('/media/admin/images/icons/warn.png'); border-color: #bbb882; color:#483109; } .global-message.info { background-color:#acd7e2; background-image:url('/media/admin/images/icons/info.png'); border-color: #82b1bb; color:#093b48; } .global-message .message-closer { position:absolute; top:2px; right:2px; cursor:pointer; } body.front #global-messages { margin-bottom:20px; position:relative; width:auto; } body.front .global-message { border:none; background:transparent; padding:5px; width:auto !important; margin:auto !important; } body.front .global-message .message-closer { display:none; } body.front .global-message.error { color:#ff0000; padding-left:0; } body.front .global-message.info, body.front .global-message.warning, body.front .global-message.success { color:#fff; padding-left:0; } /*** HELP POPUP ***/ #help-popup { display:none; } td.clicks {padding-top:20px;} /*** DIALOG ***/ .zap_dialog ul li { width:auto; float:none; } .zap_dialog ul.radio { width: auto; } /*** FAQ ***/ ul#faq li { margin-bottom:40px; list-style:none; clear:both; float:left; } ul#faq li .question { font-family:'AkagiBold', 'Franklin Gothic Demi', sans-serif; font-size:16px; text-transform:uppercase; color:#555; } ul#faq li .answer {} /*** PROGRESS ***/ .zap_progress { width:120px; height:10px; } .progress .error {background-color:#FF0000;} .progress .warning {background-color:orange;} .zap_progress_right { height:10px; float:left; background:#ccc; border-top-right-radius:5px; border-bottom-right-radius:5px; } .zap_progress.empty .zap_progress_right { border-top-left-radius:5px; border-bottom-left-radius:5px; } .zap_progress.full .zap_progress_left { border-top-right-radius:5px; border-bottom-right-radius:5px; } /*** DASHBOARD ***/ .dashboard-column { float:left; margin-right:1.61160354552780016116035455278%; width:32.2320709105560032232070910556%; } .dashboard-column a.blue-button { width:100%; } #dashboard-left { } #dashboard-right { margin-right: 0; } .dashboard-box { position:relative; padding:15px; background:#eaeaea; -moz-border-radius:8px; -webkit-border-radius:8px; -ms-border-radius:8px; border-radius:8px; margin-bottom:25px; } .dashboard-box h3 { margin-bottom:5px; font-size:22px; } .dashboard-box h4 { margin:8px 0 4px 0; font-size:12px; } .dashboard-box table td { padding-top:3px; } .dashboard-box table .label { font-family:'AkagiBold', 'Franklin Gothic Demi', sans-serif; width:130px; text-transform:uppercase; font-size:14px; color:#555; } .dashboard-box .button { float:right; position:relative; background-color:#ccc; color:#888; } .dashboard-box .progress { padding-left:10px; } .dashboard-box h3 a { font-size:11px; color:#999; text-decoration: underline; text-transform: none; } .dashboard-box ul { list-style:none; } .dashboard-box ul li { border-bottom:1px solid #aaa; padding:10px 0; position:relative; } .dashboard-box.plain { background:none; padding:0; } .dashboard-box.plain h3 { margin-bottom:0; } .dashboard-box .dashboard-content { } .dashboard-box .dashboard-content *:first-child { margin-top:0; } .dashboard-box.collapsed .dashboard-content { } .dashboard-box.expanded .dashboard-content { } .dashboard-box .dashboard-toggle { width:10px; height:10px; position: absolute; top:24px; right:15px; cursor: pointer; } .dashboard-box.collapsed .dashboard-toggle { background-color:#777; } .dashboard-box.expanded .dashboard-toggle { border-bottom:3px solid #777; height:7px; } #dashboard-status .item { margin:4px 0; cursor:pointer; padding:2px 1px; } #dashboard-status .item:hover { background:#ccc; } #dashboard-status .name, #dashboard-status .count { float:left; width:50%; } #dashboard-status .item a:hover { color:#333; text-decoration:none; } #dashboard-last ul li div { margin:5px 0; } #dashboard-last .edit { display:none; position: absolute; right:0; } #dashboard-last li:hover { background:#e5e5e5; } #dashboard-last li:hover .edit { display:block; } #dashboard-last .date { font-weight:bold; } #dashboard-last .plugin { text-transform: uppercase; color:#888; } #dashboard-analytics img { max-width:100%; height:auto; } #account-info { margin:25px 0; } /*** PERMISSIONS ***/ table#permissions { width:100% } table#permissions tbody tr:hover { background:#ddd; } table#permissions tr.depth0 td.label { font-size:15px; text-transform: uppercase; } table#permissions tr.depth1 td.label { padding-left:40px; } table#permissions tr.depth2 td.label { padding-left:60px; } table#permissions tr td.label { width:400px; } table#permissions tr.plugin td.label { } table#permissions th { background:none; font-size:15px; text-transform: uppercase; } table#permissions th input { margin:0 7px 0 0; top:1px; position:relative; } table#permissions td { padding:5px; } table#permissions td.perm { /*width:80px;*/ text-align:center; vertical-align:middle; } table#permissions td.perm input { width:auto; } table#permissions tr.files .add, table#permissions tr.files .del, table#permissions tr.files .edit { display:none; } table#permissions .row-toggle { display:none; float:right; font-size:11px; font-weight:normal; font-family:verdana; text-transform: lowercase; } table#permissions tr:hover .row-toggle { display:inline; } table#permissions td.label .tree-fold { cursor:pointer; position: relative; top:2px; } table#permissions tr.collapsed td.label .tree-fold.expanded { display:none; } table#permissions tr.expanded td.label .tree-fold.collapsed { display:none; } table#permissions tr.nochildren td.label { padding-left:24px; } table#permissions tr.nochildren td.label .tree-fold { display:none; } span.msg {display:block;text-align:right;margin-top:10px;margin-right:3px;} .alert { padding: 7px; border: 1px solid red; display: inline-block; border-radius: 2px; background:#fff0f0; color:red; } /*** TINYMCE ***/ .mceEditor .mceExternalClose { background:url('/media/admin/images/icons/close.png') no-repeat center center !important; width:14px !important; height:14px !important; cursor:pointer !important; top:1px !important; right:1px !important; } .mceEditor .mceExternalToolbar { border-bottom-color:#ccc !important; } .mceEditor .mceExternalToolbar td.mceToolbar { width:610px !important; } /*** FRONT **/ .front #canvas { background:none; } .front #header { margin-top:100px; } .front #content h2 { display:none; } /*** JQUERY UI ***/ .ui-dialog { border:1px solid #555; border-radius:0; } .ui-dialog .ui-dialog-content { padding: 0 !important;} .ui-dialog-buttonpane { border-top:0; } .ui-dialog .ui-button { background:none; border:none; color:#888; font-size:15px; font-weight:bold; } /******************* MEDIA QUERY *****************/ /********* SMALL RESO DESKTOP / LAPTOPS **********/ /*************************************************/ @media only screen and (max-width: 1300px) { body.front #main, #main.margin { margin-left: 180px; } #canvas { width: 96%; margin:6px 2%; min-width: 0px; } #subnav { width: 150px; } #subnav a, #subnav .link { font-size: 14px; } } @media only screen and (max-width: 1480px) { /* de filters komen boven de toevoegen- en ticketmatick-knop */ div.grid .result { padding-top:10px; } #grid-filter { margin-top:29px; } /* */ }