/* CUSTOM */ #wrapper .dropdown-menu li:first-child {display:none;} #wrapper .container-fluid .wp3-portal-header-top .wp3-portal-no-padding-left-lg .wp3-portal-logo a:hover {text-decoration:none;} #wrapper section.wp3-portal-main>.container .main-content h1 {font-size:35px; line-height:1.5; padding-bottom:20px;} #wrapper section.wp3-portal-main>.container .main-content p {line-height: 1.5;} #wrapper section.wp3-portal-main>.container .main-content p > a, #wrapper section.wp3-portal-main>.container .main-content li > a {color:#444b9b; text-decoration: underline;} #wrapper section.wp3-portal-main>.container .main-content .wis5subPages a {color:#444b9b;} /* Inlog box */ #wrapper .objectWrapper.wp3-portlet.login .wp3-portlet-top {background: none repeat scroll 0 0 #444b9b ;} #wrapper .objectWrapper.wp3-portlet.login .button {background: none repeat scroll 0 0 padding-box #444b9b; color: #fff; transition: all 0.1s ease-out;} #wrapper .objectWrapper.wp3-portlet.login .button:hover {background: none repeat scroll 0 0 padding-box #15608f; color: #FFFFFF;} /* Links */ #wrapper .wp3-portlet a:not(div#wp3-week-calendar a) {text-decoration:underline;} /* Childselector */ #wrapper header .wp3-portal-header-top .wp3-portal-childs select {background: none repeat scroll 0 0 #444b9b;} /* Huiswerk dropdown */ #wrapper .wp3-portlet select {color:#333333;} /* Profiel */ #wrapper header .wp3-portal-header-top .wp3-portal-detail-user.open, #wrapper header .wp3-portal-header-top .wp3-portal-detail-user:hover {background: none repeat scroll 0 0 #2b2d60;} .dropdown-menu:before {border-bottom: 7px solid #444b9b;} .dropdown-menu {background: none repeat scroll 0 0 padding-box #444b9b; box-shadow: 4px 4px 3px 0 rgba(80, 26, 26, 0.2);} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background: none repeat scroll 0 0 #2b2d60; color:#FFFFFF !important;} #wrapper .wp3-portal-sep-top {border-top: 1px solid #FFFFFF;} /* Menu balk */ #wrapper .navbar-default {background-color:#444b9b;} #wrapper .navbar-default .navbar-nav > li > a {color: #FFFFFF;} #wrapper header .wp3-portal-header-middle .navbar ul.nav > li:hover > ul li:hover > a {background:#2b2d60;} #wrapper header .wp3-portal-header-middle .navbar ul.nav > li.pathActive > a {background: none repeat scroll 0 0 #2b2d60;color:#FFFFFF;} #wrapper header .wp3-portal-header-middle .navbar ul.nav > li:hover > a {background: none repeat scroll 0 0 #2b2d60;color:#FFFFFF;} #wrapper header .wp3-portal-header-middle .navbar ul.nav.level1 > li:hover > a {background: none repeat scroll 0 0 #2b2d60;color:#FFFFFF;} #wrapper header .wp3-portal-header-middle .navbar ul.nav > li:hover > ul { background: none repeat scroll 0 0 #444b9b;} #wrapper header .wp3-portal-header-middle .navbar ul.nav > li:hover > ul > li > a {color:#FFFFFF;} #wrapper header .wp3-portal-header-middle .navbar ul.nav > li:hover > ul li:hover > a, #wrapper header .wp3-portal-header-middle .navbar ul.nav > li:hover > ul li.active > a {color:#FFFFFF; background-color:#2b2d60;} #wrapper header .wp3-portal-header-middle .navbar ul.nav > li:hover > ul li:hover > ul {background: none repeat scroll 0 0 #2b2d60;} #wrapper header .wp3-portal-header-middle .navbar ul.nav > li:hover > ul li:hover > ul {background: none repeat scroll 0 0 #2b2d60;} #wrapper header .wp3-portal-header-middle .navbar ul.nav>li:hover>ul li a:after {background-image: url(/data/wcf/WP3/arrow-sub-menu.png);} #wrapper header .wp3-portal-header-middle .navbar ul.nav>li:hover>ul li:hover a:after, #wrapper header .wp3-portal-header-middle .navbar ul.nav>li:hover>ul li.active a:after {background-image: url(/data/wcf/WP3/arrow-sub-menu-active.png);} /* Search */ #wrapper header .wp3-portal-header-middle .navbar .navbar-form .form-control {background: none repeat scroll 0 0 #FFFFFF; color: #333333;} #wrapper header .wp3-portal-header-middle .navbar .navbar-form .form-control::placeholder {color:#555555;} #wrapper header .wp3-portal-header-middle .navbar .navbar-form button.btn-default {background:#2b2d60 !important; padding: 6px 8px;} /* Breadcrumbs */ #wrapper header .wp3-portal-breadcrumbs .breadcrumb li + li:before {color:#607890;} #wrapper header .wp3-portal-breadcrumbs .breadcrumb a {color:#444b9b; text-decoration:underline;} #wrapper header .wp3-portal-breadcrumbs .breadcrumb li.active a {color:#036; text-decoration:none; cursor:;} /* Submenu */ #wrapper section.wp3-portal-main .wp3-portal-nav-submenu ul.level1 > li:hover > a {background: none repeat scroll 0 0 #2b2d60;color:#FFFFFF;} #wrapper section.wp3-portal-main .wp3-portal-nav-submenu ul.level1 > li.pathActive > a {background: none repeat scroll 0 0 #2b2d60;color:#FFFFFF;} #wrapper section.wp3-portal-main .wp3-portal-nav-submenu ul.level1 > li > ul li:hover > a {background: none repeat scroll 0 0 #2b2d60;color:#FFFFFF;} #wrapper section.wp3-portal-main .wp3-portal-nav-submenu ul.level1 > li > ul li.pathActive > a {background: none repeat scroll 0 0 #2b2d60;color:#fff;} #wrapper section.wp3-portal-main .wp3-portal-nav-submenu ul.level1 li.hasSub.pathActive>a:after {background-image:url("/data/wcf/WP3/arrow-active-menu.png");} #wrapper section.wp3-portal-main .wp3-portal-nav-submenu ul.level1 li.hasSub:hover>a:after {background-image:url("/data/wcf/WP3/arrow-active-menu.png");} /* Footer */ #wrapper footer {background: none repeat scroll 0 0 #444b9b; border-top: 15px solid #2b2d60; color: #ffffff;} #wrapper footer .wp3-portal-page-scroller {border: 3px solid #ffffff;} /* Responsive stuff */ @media (max-width: 768px) { #wrapper footer .wp3-portal-page-scroller {background: none repeat scroll 0 0 #444b9b;} #wrapper .navbar-default {background: none repeat scroll 0 0 transparent;} .navbar-default .navbar-nav > li > a {color:#666;} #wrapper header .wp3-portal-header-middle .navbar-default ul.nav.level1>li.pathActive>a {color:#000000;} #wrapper header .wp3-portal-header-middle .navbar-default ul.nav.level1 > li > a, #wrapper header .wp3-portal-header-middle .navbar-default ul.nav.level1 > li.pathActive > ul > li > a {color:#666;} #wrapper header .wp3-portal-header-middle .navbar .navbar-form .form-control {background: none repeat scroll 0 0 #fff; color: #666;} #wrapper header .wp3-portal-header-middle .navbar-default ul.nav.level1 > li:hover > a {background: none repeat scroll 0 0 #2b2d60;} #wrapper header .wp3-portal-header-middle .navbar-default ul.nav.level1 > li.pathActive > ul > li:hover > a {background: none repeat scroll 0 0 #2b2d60;color:#FFFFFF;} #wrapper header .wp3-portal-header-middle .navbar-default ul.nav.level1 > li.pathActive > ul > li.pathActive > a {background: none repeat scroll 0 0 #2b2d60;color:#FFFFFF;} #wrapper header .wp3-portal-header-middle .navbar-default ul.nav.level1 > li.pathActive > ul > li:hover > ul > li:hover > a {background: none repeat scroll 0 0 #2b2d60;} #wrapper header .wp3-portal-header-middle .navbar-default ul.nav.level1 > li.pathActive > ul > li.pathActive > ul > li:hover > a {background: none repeat scroll 0 0 #2b2d60;} #wrapper header .wp3-portal-header-middle .navbar-default ul.nav.level1 > li.pathActive > ul > li > ul > li.pathActive > a, #wrapper header .wp3-portal-header-middle .navbar-default ul.nav.level1 > li.pathActive > ul > li.pathActive > ul > li.pathActive > a {background: none repeat scroll 0 0 #2b2d60;color:#FFFFFF;} #wrapper header .wp3-portal-header-middle .navbar ul.nav>li.hasSub>a:after { background: url(/data/wcf/WP3/angle-down.svg) no-repeat top left; top: 3px; position: relative; width: 11px; height: 15px; } } #wrapper header .wp3-portal-header-middle .navbar ul.nav>li.hasSub>a:after { background: url(/data/wcf/WP3/angle-down.svg) no-repeat top left; top: 3px; position: relative; width: 11px; height: 15px; } #wrapper header .wp3-portal-header-middle .navbar ul.nav>li.hasSub:hover>a:after { background: url(/data/wcf/WP3/angle-down-active.svg) no-repeat top left; } #wrapper header .wp3-portal-header-middle .navbar ul.nav>li.hasSub.pathActive>a:after, #wrapper header .wp3-portal-header-middle .navbar ul.nav>li.hasSub.active>a:after { background: url(/data/wcf/WP3/angle-down-active.svg) no-repeat top left; top: 3px; position: relative; width: 11px; height: 15px; } #wrapper .navbar-toggle .icon-bar {background: none repeat scroll 0 0 #444b9b;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Portlets stijlen general */ #wrapper .wp3-portlet:not(.wis_search), .wp3-custom-dialog .wp3-portlet:not(.wis_search) {box-shadow: none !important; border:1px solid #444b9b; border-radius: 3px 3px 0 0;} #wrapper .wp3-portal-main .wp3-portlet .wp3-portlet-top {background: none repeat scroll 0 0 #444b9b;} #wrapper .wp3-portlet .wp3-portlet-top, .wp3-custom-dialog .wp3-portlet .wp3-portlet-top {box-shadow: none !important;} #wrapper .wp3-portlet .wp3-portlet-navigation, .wp3-custom-dialog .wp3-portlet .wp3-portlet-navigation, #wrapper .wp3-portlet .wp3-portlet-summary, .wp3-custom-dialog .wp3-portlet .wp3-portlet-summary {background: none repeat scroll 0 0 #444b9b !important; color:#FFFFFF;} #wrapper .wp3-portlet .wp3-portlet-navigation input {color:#333333 !important;} #wrapper .wp3-portlet .wp3-portlet-top .line-sep, .wp3-custom-dialog .wp3-portlet .wp3-portlet-top .line-sep {background: none repeat scroll 0 0 #ffffff !important;} #wrapper .wp3-portlet .wp3-portlet-top .buttons .print_button:hover, .wp3-custom-dialog .wp3-portlet .wp3-portlet-top .buttons .print_button:hover, #wrapper .wp3-portlet .wp3-portlet-top .buttons .print_button_popup:hover, .wp3-custom-dialog .wp3-portlet .wp3-portlet-top .buttons .print_button_popup:hover {background: none repeat scroll 0 0 #2b2d60 !important;} a.result__figure {color:#FFFFFF !important;} strong.info {color:#FFFFFF !important;} /* portlet button text */ #wrapper .wp3-portlet.som_personeel .wp3-button, .wp3-custom-dialog .wp3-portlet.som_personeel .wp3-button {color:#FFF !important;} #wrapper .wp3-portlet.som_klassenlijst .wp3-button, .wp3-custom-dialog .wp3-portlet.som_klassenlijst .wp3-button {color:#FFF !important;} #wrapper .wp3-portlet.som_meekijk .wp3-button, .wp3-custom-dialog .wp3-portlet.som_meekijk .wp3-button {color:#FFF !important;} #wrapper .wp3-portlet.som_docenten .wp3-button, .wp3-custom-dialog .wp3-portlet.som_docenten .wp3-button {color:#FFF !important;} /* Verjaardag portlet medewerkers*/ #wrapper .wp3-portlet #wp3-datepicker.wp3-datepicker-custom-style .ui-datepicker-title, .wp3-custom-dialog .wp3-portlet #wp3-datepicker.wp3-datepicker-custom-style .ui-datepicker-title {background-color:transparent !important;} #wrapper .wp3-portlet #wp3-datepicker.wp3-datepicker-custom-style .ui-datepicker .ui-datepicker-next span, #wrapper .wp3-portlet #wp3-datepicker.wp3-datepicker-custom-style .ui-datepicker .ui-datepicker-prev span {color:#FFF !important;} /* rooster portlet medewerkers */ #wrapper .wp3-portlet .wp3-portlet-navigation ul.layout__header_navigation {list-style:none;} /* PTA/PTO */ #wrapper .wp3-portlet .wp3-portlet-content .wp3-list li.wp3-toggle-open .glyphicon-minus-sign, .wp3-custom-dialog .wp3-portlet .wp3-portlet-content .wp3-list li.wp3-toggle-open .glyphicon-minus-sign, #wrapper .wp3-portlet .wp3-portlet-content .wp3-list li.wp3-toggle-open .glyphicon-plus-sign, .wp3-custom-dialog .wp3-portlet .wp3-portlet-content .wp3-list li.wp3-toggle-open .glyphicon-plus-sign {color:#405c81 !important;} #wrapper .wp3-portlet.som_pta .wp3-portlet-content .wp3-portlet-table-data th {color:#59697c !important;} /*#wrapper .wp3-portlet.som_pta .wp3-portlet-content .wp3-toggle-open, .wp3-custom-dialog .wp3-portlet.som_pta .wp3-portlet-content .wp3-toggle-open, #wrapper .wp3-portlet.som_pta .wp3-portlet-content .wp3-slide-div, .wp3-custom-dialog .wp3-portlet.som_pta .wp3-portlet-content .wp3-slide-div {background: none repeat scroll 0 0 #f0f6fc;}*/ /* Agenda */ #wrapper .wp3-portlet .wp3-portlet-content #wp3-week-calendar .fc-button, .wp3-custom-dialog .wp3-portlet .wp3-portlet-content #wp3-week-calendar .fc-button { background-color: #444b9b !important; border: 2px solid #444b9b !important; color: #FFF !important; text-shadow:none !important; } #wrapper .wp3-portlet .wp3-portlet-content #wp3-week-calendar .fc-state-disabled {opacity:100; text-shadow:none; background-color:#444b9b !important; border-color:#444b9b !important; color:#FFFFFF !important; cursor:not-allowed; opacity: 0.5;} /* Absentie portlet */ #wrapper .wp3-portlet .wp3-portlet-summary .wp3-absence_stats_overview .totals.Aanwezig i, .wp3-custom-dialog .wp3-portlet .wp3-portlet-summary .wp3-absence_stats_overview .totals.Aanwezig i {color:#FFFFFF !important;} #wrapper .wp3-portlet .wp3-small-header, .wp3-custom-dialog .wp3-portlet .wp3-small-header {color:#FFFFFF !important;} #wrapper .wp3-portlet label, .wp3-custom-dialog .wp3-portlet label {color:#FFFFFF !important;} #wrapper .wp3-portlet.som_profiel .wp3-profile-privacy label {color:#59697c !important;} #wrapper .wp3-portlet .wp3-portlet-summary .wp3-absence-stats-result, .wp3-custom-dialog .wp3-portlet .wp3-portlet-summary .wp3-absence-stats-result {color:#FFFFFF !important;} #wrapper .wp3-portlet.som_absentie_onverantwoord .wp3-portlet-content .wp3-portlet-table-data th, #wrapper .wp3-portlet.som_absentie .wp3-portlet-content .wp3-portlet-table-data th {color: #59697c !important;} #wrapper .wp3-portlet .glyphicon-time, .wp3-custom-dialog .wp3-portlet .glyphicon-time {color:#FFFFFF;} /* Cijfers/ED */ #wrapper .wp3-portlet.som_cijfers_ed .wp3-portlet-content .wp3-portlet-table-data th, #wrapper .wp3-portlet.som_cijfers .wp3-portlet-content .wp3-portlet-table-data th {color:#59697c !important;} /* Portlet fonts */ #wrapper .wp3-portlet .wp3-portlet-content .wp3-header, .wp3-custom-dialog .wp3-portlet .wp3-portlet-content .wp3-header {} #wrapper .wp3-portlet .wp3-portlet-content .wp3-table-div-wrapper td[colspan="2"], .wp3-custom-dialog .wp3-portlet .wp3-portlet-content .wp3-table-div-wrapper td[colspan="2"] {border-bottom: 1px solid #283d07;} #wrapper .wp3-portlet .wp3-portlet-content .wp3-table-div-wrapper tr td:first-child, .wp3-custom-dialog .wp3-portlet .wp3-portlet-content .wp3-table-div-wrapper tr td:first-child {} #wrapper .wp3-portlet .wp3-normal-header, .wp3-custom-dialog .wp3-portlet .wp3-normal-header {color: #06637b!important;} #wrapper .wp3-portlet .wp3-portlet-content .wp3-portlet-table-data td, .wp3-custom-dialog .wp3-portlet .wp3-portlet-content .wp3-portlet-table-data td, #wrapper .wp3-portlet .wp3-portlet-content .wp3-portlet-table-data th, .wp3-custom-dialog .wp3-portlet .wp3-portlet-content .wp3-portlet-table-data th {} #wrapper .wp3-portlet .wp3-portlet-footer div.wp3-portlet-navigation {color:#FFF;} #wrapper .wp3-portlet .wp3-portlet-navigation li strong, .wp3-custom-dialog .wp3-portlet .wp3-portlet-navigation li strong, #wrapper .wp3-portlet .wp3-portlet-navigation .info, .wp3-custom-dialog .wp3-portlet .wp3-portlet-navigation .info {color:#FFFFFF !important;} #wrapper .wp3-portlet .wp3-portlet-content #wp3-week-calendar .fc-center h2, .wp3-custom-dialog .wp3-portlet .wp3-portlet-content #wp3-week-calendar .fc-center h2 {color: #FFFFFF !important;} #wrapper .wp3-portlet .wp3-portlet-navigation .wp3-group-period-btns .text-label {color:#FFFFFF !important;} /* Portlet buttons */ #wrapper .wp3-portlet .wp3-button.wp3-button-blue, .wp3-custom-dialog .wp3-portlet .wp3-button.wp3-button-blue {background: none repeat scroll 0 0 #2b2d60 !important;border-color:#2b2d60 !important;} #wrapper .wp3-portlet .wp3-button, .wp3-custom-dialog .wp3-portlet .wp3-button {color:#FFFFFF !important; background: none repeat scroll 0 0 #2b2d60 !important; border-color:#2b2d60 !important;} #wrapper .wp3-portlet .wp3-button.active {background: none repeat scroll 0 0 #8e5700 !important; border-color:#8e5700 !important;} #wrapper .wp3-portlet .wp3-button.active:hover {background: none repeat scroll 0 0 #8e5700 !important; border-color:#8e5700 !important;} #wrapper .wp3-portlet .wp3-button:hover, .wp3-custom-dialog .wp3-portlet .wp3-button:hover {background: none repeat scroll 0 0 #8e5700 !important; border-color: #8e5700 !important;color:#FFFFFF !important;} #wrapper .wp3-portlet .wp3-button.disabled, .wp3-custom-dialog .wp3-portlet .wp3-button.disabled {color:#FFFFFF !important;background: none repeat scroll 0 0 #266288 !important; border: 2px solid #266288 !important; opacity: 0.5; cursor:not-allowed;} #wrapper .wp3-portlet .wp3-button.disabled:hover, .wp3-custom-dialog .wp3-portlet .wp3-button.disabled:hover {color:#FFFFFF !important;background: none repeat scroll 0 0 #266288 !important; border: 2px solid #266288 !important; opacity: 0.5;cursor:not-allowed;} /* Portlet misc bar */ #wrapper .wp3-portlet .wp3-portlet-navigation.wp3-period-navigator .period-btn, .wp3-custom-dialog .wp3-portlet .wp3-portlet-navigation.wp3-period-navigator .period-btn {background: none repeat scroll 0 0 padding-box #15608f !important; color:#FFF !important;} #wrapper .wp3-portlet .wp3-portlet-navigation.wp3-period-navigator .period-btn.active::before, .wp3-custom-dialog .wp3-portlet .wp3-portlet-navigation.wp3-period-navigator .period-btn.active::before, #wrapper .wp3-portlet .wp3-portlet-navigation.wp3-period-navigator .period-btn:hover::before, .wp3-custom-dialog .wp3-portlet .wp3-portlet-navigation.wp3-period-navigator .period-btn:hover::before {border-top-color: #2b2d60;} #wrapper .wp3-portlet .wp3-portlet-navigation.wp3-period-navigator .period-btn.active, .wp3-custom-dialog .wp3-portlet .wp3-portlet-navigation.wp3-period-navigator .period-btn.active, #wrapper .wp3-portlet .wp3-portlet-navigation.wp3-period-navigator .period-btn:hover, .wp3-custom-dialog .wp3-portlet .wp3-portlet-navigation.wp3-period-navigator .period-btn:hover {background: none repeat scroll 0 0 #2b2d60 !important; } #wrapper .wp3-portlet .wp3-portlet-navigation li.left-inner-addon i, .wp3-custom-dialog .wp3-portlet .wp3-portlet-navigation li.left-inner-addon i,#wrapper .wp3-portlet .icon-color-blue, .wp3-custom-dialog .wp3-portlet .icon-color-blue {color:#909391 !important;} /* Tooltip */ #wrapper .wp3-portlet .wp3-portlet-navigation a.head_link {color:#FFFFFF;} /* Rooster weergaves */ #wrapper .wp3-portlet .wp3-portlet-content .wp3-portlet-table-data.wp3-portlet-table-data-blue > thead, .wp3-custom-dialog .wp3-portlet .wp3-portlet-content .wp3-portlet-table-data.wp3-portlet-table-data-blue > thead {background: none repeat scroll 0 0 #f7f7f7 !important;} #wrapper .wp3-portlet .wp3-portlet-content .wp3-portlet-table-data > thead > tr > th .wp3-portlet-table-data-currday thead, .wp3-custom-dialog .wp3-portlet .wp3-portlet-content .wp3-portlet-table-data > thead > tr > th .wp3-portlet-table-data-currday thead {border-bottom: 1px solid #989898 !important;} #wrapper .wp3-portlet .wp3-portlet-content .wp3-portlet-table-data th {} #wrapper .wp3-portlet .wp3-portlet-content .wp3-portlet-table-data > thead > tr > th .wp3-portlet-table-data-currday strong, .wp3-custom-dialog .wp3-portlet .wp3-portlet-content .wp3-portlet-table-data > thead > tr > th .wp3-portlet-table-data-currday strong {} /* Agenda popup */ .ui-dialog.wp3-custom-dialog .ui-widget-header {background:#444b9b;color:#FFFFFF;} .ui-state-default .ui-icon {background-image:url('/data/wcf/wp3/ui-icons.png');} /*Kop Layout*/ body.body.liveedit #wrapper h2{color:#405c81 !important;font-weight: bold !important;} /* Cijfer tooltip */ .jTooltip.default div tr.grade {background:#444b9b !important;color:#FFFFFF !important;} .jTooltip.default .close-jTooltip {background-image:url('/data/wcf/wp3/close.png');}