/* ------------------------------------------------- Version : 1.0 Author : David Knowles for Tremani Email : info@tremani.nl Website : http://www.tremani.nl ---------------------------------------------------- */ /* INDEX: 1. SETUP -1.1 Layout - General -1.2 Typography - Base -1.3 Typography - @font-face -1.4 General 2. SITE STRUCTURE & APPEARANCE -2.1 Main menu -2.2 Sub menu -2.3 Supplementary menu -2.4 Social media -2.5 Footer -2.6 User feedback messages 3. HOMEPAGE -3.1 Slideshow 4. GENERIC -4.0 Shared styles -4.1 General content styling -4.2 General Individual article pages -4.3 individual trainings page -4.4 List showhide toggle for products and services overview "aanbod overview pagina's" 5. OVERVIEW PAGES -5.1 News overview -5.2 Pager client specific styles -5.3 News list -5.4 Portlet target audience checkbox filter -5.5 Carousel slideshow -5.6 Team page 8. MISC -8.1 Media queries -8.3 Extras 9. MiniSite */ /* ===== 1. SETUP ========================================================================== */ /* ----- 1.1 Layout - General ------------------------------------------------------------------------------*/ html {background:#8b97b9 none; margin:0; padding:0; height: 100%;} body { color:#48494d; font:0.75em/1.533em TheSansPlain, Arial, "Helvetica Neue", Helvetica, sans-serif; margin:0; padding:0; height: 100%; min-width:960px; } #w-app-container {margin-bottom:-74px;} #w-app-container, #site-wrapper, #site-content, .column-main { min-height:100%; height:auto !important; height:100%;} #site-header-wrap {overflow:hidden; height:110px; margin-bottom:-4.6em;/* -69px */} #site-header, #site-content, #site-footer { margin-right:auto; margin-left:auto; position:relative; max-width:1540px; min-width:960px;} #site-header .gui {position:absolute; top:0; width:700px; background:url(../img/bg-transparent-repeat.png);} #site-header .gui.l {height:137px; left:0; margin-left:-700px; } #site-header .gui.r {height:68px; right:0; margin-right:-700px; } .ie8 #site-header .gui.r {height:55px; } #site-header .inner {padding-left:448px;} #site-content { clear:both; position:relative;/* margin-top:120px; */} #logo { position:absolute; display:inline; margin:0; left:0; top:0; } #logo a {display:block; height:108px; width:448px; background:url(../img/logo-itta.png) no-repeat 0 -140px;} #aside {float:right; width:190px; margin-top:1.533em; margin-left:7.933em; /* 119px */} .column-main {overflow:hidden; margin-top:1.533em; background:url(../img/bg-transparent-repeat.png); padding:5px 15px 1em 25px; -webkit-border-top-right-radius: 23px; -moz-border-radius-topright: 23px; border-top-right-radius: 23px; } /* ----- 1.2 Typography - Base ------------------------------------------------------------------------------*/ h1,h2,h3,h4,h5,h6 { margin:1em 0; color:#00287a; font-family:TheSansBold, Arial, "Helvetica Neue", Helvetica, sans-serif;} /* rgba(0,40,122,1) */ h1 {font-size:2.667em; line-height:1em; margin:0.575em 0;} h2 {font-size:1.533em; line-height:1.304em; color:#e87726; margin:0.652em 0;} h2.alt {color:#00287a;} h3 {font-size:1.133em; line-height:1.278em; /* 1.353em */ margin:0.882em 0;} h3.alt {color:#e87726;} h4 {font-size:1em; line-height: 1.353em; line-height: 1.533em; color:#00287a;/* 48494d */} h4.alt {color:#00287a;} p {margin:1em 0;} table.training-data p {margin: 0 0 1em 0;} h3+p, h4+p, h3+.float-r+p, h4+.float-r+p {margin-top:-0.9em;} h3+.float-r, h4+.float-r {margin-top:-0.5em;} a, a:visited {color:#e87726; font-weight:bold; text-decoration:none; }/* e8690f */ .fontface a, .fontface a:visited {font-family:TheSansBold, Arial, "Helvetica Neue", Helvetica, sans-serif;} a:hover {color:#e87726; text-decoration:underline; } a:active {color:#03225E;} strong, b, .intro {font-family:TheSansBold, Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight:bold;} .light {font-weight:normal; font-family:TheSansPlain, Arial, "Helvetica Neue", Helvetica, sans-serif;} .alt {color:#e87726;} /* ----- 1.3 Typography - @font-face ------------------------------------------------------------------------------*/ @font-face { font-family: 'TheSansPlain'; src: url('../fonts/TheSans_TT5_fs.eot'); src: url('../fonts/TheSans_TT5_fs.eot?#iefix') format('embedded-opentype'), url('../fonts/TheSans_TT5_fs.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TheSansBold'; src: url('../fonts/TheSans_TT7_fs.eot'); src: url('../fonts/TheSans_TT7_fs.eot?#iefix') format('embedded-opentype'), url('../fonts/TheSans_TT7_fs.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'TheSansBoldCaps'; src: url('../fonts/TheSans_TT7_Caps.eot'); src: url('../fonts/TheSans_TT7_Caps.eot?#iefix') format('embedded-opentype'), url('../fonts/TheSans_TT7_Caps.woff') format('woff'); font-weight: bold; font-style: normal; } /* ----- 1.4 General -----------------------------------------------------------------------------------------*/ ::-moz-selection {background-color:#d0d6e4; color:#00287a; } ::-webkit-selection {background-color:#d0d6e4; color:#00287a;} ::selection {background-color:#d0d6e4; color:#00287a;} th {font-family:TheSansBold, Arial, "Helvetica Neue", Helvetica, sans-serif;} /* ===== 2. SITE STRUCTURE & APPEARANCE ======================================================================= */ /* ----- 2.1 Main-menu ----------------------------------------------------------------------------------------*/ #site-nav { position:relative; float:left; display:inline; /* overflow:hidden; */ margin:115px 7.933em 0 0;} .nav ul {list-style:none; margin:0; padding:0; } .nav a {text-decoration:none; color:#00287a; text-transform:lowercase; margin-bottom:4px; display:block; position:relative; } .fontface .nav a {font-family:TheSansBoldCaps, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:129%; /* 137.5% */} .nav a span {padding:3px 5px 4px 25px; display:block; line-height: 1.15; } .nav a:hover, .nav a:focus {outline:none; text-shadow: 0px 0px 3px rgba(255,255,255,0.7); color:#e8690f; } .nav a:hover span, .nav a:focus span {background:url(../img/itta-menu-widget.png) no-repeat 12px -192px; } .nav a:active {background-position:12px -92px; /* top:2px; background-color:transparent; */background:#00287a none; color:#fff; text-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .nav .current > a span {background:url(../img/itta-menu-widget.png) no-repeat 12px 8px;} .main-nav { position:relative; margin:0 0 0 0; padding:0px; line-height:1em; } .main-nav li { line-height:1.2; position:relative; width:190px; margin:0; } .main-nav a { position:relative; background:url(../img/bg-transparent-repeat.png);} .main-nav a:hover, .main-nav a:focus { background-color:#FFF; -webkit-box-shadow: 0 1px 5px rgba(111,126,170,1); -moz-box-shadow: 0 1px 5px rgba(111,126,170,1); box-shadow: 0 1px 5px rgba(111,126,170,1); } .main-nav a:active {background:#00287a none; color:#fff; text-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} /* ----- 2.2 Sub-menu ------------------------------------------------------------------------------*/ .sub-nav a {font-size:0.85em;} .fontface .sub-nav a {font-size:1em;} .sub-nav a span {padding-left:50px;} .sub-nav .current a, .sub-nav .current a:hover, .sub-nav .current a:focus {cursor:default;} .sub-nav a:before {content: ""; display: block; height:9px; width:9px; position:absolute; top:3px; left:37px; background:transparent url(../img/itta-widget2.png) no-repeat 0 0; } .main-nav .sub-nav a:before {background-position:-7px -52px;} /* ----- 2.3 Supplementary-menu --------------------------------------------------------------------*/ .supplementary-nav li a {background:url(../img/bg-45-white-repeat.png);font-size:0.85em;} .fontface .supplementary-nav li a {font-size:1em;} .supplementary-nav li a:hover, .supplementary-nav li a:focus {background:#fff url(../img/bg-55-white-repeat.png);} .supplementary-nav li a:active {background:#00287a none; color:#fff; text-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .supplementary-nav .sub-nav a:before {background-position:-7px -79px;} /* ----- 2.4 Social-media ------------------------------------------------------------------------------*/ .nav ul.social-media {overflow:hidden; margin-top: 25px;} .social-media li {display:inline; float:left; margin-right:4px; padding:0;} .social-media .btn {background-image:url(../img/bg-transparent-repeat.png); width:23px; height:23px; padding:0; margin:0; display:block;} .social-media .btn:hover, .social-media .btn:focus {background:#fff url(../img/bg-75-white-repeat.png);} .social-media .btn:active {background:#00287a none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .social-media .btn span {background:transparent url(../img/itta-widget2.png) no-repeat 0 0; width:23px; height:23px; padding:0; margin:0; display:block;} .social-media .btn.btn-twitter span {background-position:-98px 4px;} .social-media .btn.btn-linkedin span {background-position:-120px 4px;} .social-media .btn.btn-twitter:hover span {background:transparent url(../img/itta-widget2.png) no-repeat -98px -15px; } .social-media .btn.btn-linkedin:hover span {background:transparent url(../img/itta-widget2.png) no-repeat -120px -15px;} .social-media .btn.btn-twitter:active span {background:transparent url(../img/itta-widget2.png) no-repeat -98px -35px; } .social-media .btn.btn-linkedin:active span {background:transparent url(../img/itta-widget2.png) no-repeat -120px -35px;} /* ----- 2.5 Footer --------------------------------------------------------------------------------*/ #site-footer, .push {height:74px; clear: both; /* .push must be the same height as .footer */} #site-footer-wrap {overflow:hidden;} #site-footer {font-size:0.917em; line-height: 1.8em; color:#8193b5; font-weight:bold; padding:0; border:none; background:url(../img/bg-blauw-repeat-100.png) repeat-x left 36px;} .fontface #site-footer {font-family:TheSansBold, Arial, "Helvetica Neue", Helvetica, sans-serif;} #site-footer .gui {position:absolute; bottom:0; width:700px; background:url(../img/itta-footer_taal-ontwikkelt-repeat1.png) repeat-x -77px 0;} #site-footer .gui.l {height:46px; left:0; margin-left:-700px; } .ie8 #site-footer .gui.l {height:38px; } #site-footer .gui.l .inner {height:23px; background:url(../img/bg-55-white-repeat.png); position:absolute; top:-23px; width:700px; } .ie8 #site-footer .gui.l .inner {height:18px; top:-18px;} #site-footer .gui.r {height:92px; right:0; margin-right:-700px; } #site-footer .inner {background:transparent url(../img/itta-footer_taal-ontwikkelt-80.png) no-repeat right bottom; /* padding-right:629px; */height:74px; } #site-footer address {height:18px; line-height:18px; top:18px;left:0; background:transparent url(../img/bg-55-white-repeat.png) repeat 0 0; font-style:normal; padding-left:25px; padding-right:25px; color:#00287a; position:absolute; } #site-footer address:after {content:""; display:block; position:absolute; top:0; width:100px; right:-100px; height:18px; background: rgb(255,255,255);/* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.55)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff', endColorstr='#00ffffff',GradientType=1 ); } .ie9 #site-footer address:after {filter:none;} #site-footer address a {color:#00287a; text-decoration:none;} #site-footer address a:hover {color:#e8690f; text-decoration:none;} .site-footer-extras {/* background-color:#00287a; */ top:36px; height:36px; padding-left:25px; position:relative;} .vcard, .org, .adr, .tel, .e-mail, .value {display:inline-block; font-style:normal;} .site-footer-extras .value {font-style:normal;} .consortium {margin:7px 0 0 0;} .consortium .logo {display:inline-block;} .ie7 .consortium .logo {min-height:1px; display:inline; position:relative;} .consortium a {display:block; /* float:left; */height:25px; padding:0; background:transparent url(../img/logos-footer.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;} .consortium .amsterdam-university a {background-position:-2px 0; width:200px;} .consortium .CIIO a{background-position:-223px 0; width:92px;} .consortium .amsterdam-university a:hover {background-position:-2px -25px;} .consortium .CIIO a:hover {background-position:-223px -25px;} .logo-NRTO { display: inline-block; margin-right: 15px !important; margin-left: 5px !important; } .logo-CIIO { display: inline-block; margin-left: 5px !important; } .logo-NRTO a, .logo-CIIO a { background: none; } .logo-NRTO a img, .logo-CIIO a img { display: block; height: 22px; width: auto; opacity: 0.8; } .logo-NRTO a:hover img, .logo-CIIO a:hover img { opacity: 1; } .logo-CIIO { margin-left: 30px; } .supplementary { padding:0; white-space:nowrap; margin:11px 0 0 10px; /*left:320px;*/ /*position:absolute;*/ width:500px; float: left; } ul.supplementary li {float:left; display:inline; border-right: 1px solid #2a4b90; padding:0px 4px; } .supplementary li.last, .supplementary li:last-child {border-right:none;} .supplementary a {color:#8193b5; text-decoration:none; font-weight:normal; } .supplementary a:hover {color:#fff; text-decoration:none;} .supplementary a:active { color:#e8690f;} .credits-photography {height:18px; line-height:18px; position:absolute; top:0; left:0; padding-left:25px; color:#fff; font-size:100%; text-shadow:0px 1px 5px rgba(0,0,0,0.7); font-family:TheSansPlain, Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight:normal; background-color:rgba(0, 0, 0, 0.2);} .credits-photography:after {content:""; display:block; position:absolute; top:0; width:100px; right:-100px; height:18px; background: rgb(182, 190, 213);/* Old browsers */ background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(182, 190, 213, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0, 0, 0, 0.2)), color-stop(100%,rgba(182, 190, 213, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%,rgba(182, 190, 213, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%,rgba(182, 190, 213, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%,rgba(182, 190, 213, 0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%,rgba(182, 190, 213, 0) 100%); /* W3C */ } /* ----- 2.4 User feedback messages ------------------------------------------------------------------------------*/ .flash-error, .flash-notice, .flash-success { border:2px solid #ddd; margin-bottom:1em; padding:.8em; } .flash-error { background:#fbe3e4; border-color:#fbc2c4; color:#8a1f11; } .flash-notice { background:#fff6bf; border-color:#ffd324; color:#514721; } .flash-success { background:#e6efc2; border-color:#c6d880; color:#264409; } .flash-error a { color:#8a1f11; } .flash-notice a { color:#514721; } .flash-success a { color:#264409; } .form .rememberme label { display:inline; } .view { border:1px solid #c9e0ed; margin:10px 0; padding:10px; } /* ===== 3. HOMEPAGE =================================================================================== */ .body-home .column-main {background-image:none; margin-top:0; padding-bottom:0; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; } #w-header .intro-label {margin:20px -10px 15px 0; color:#fff; text-align:right;} .site-intro {font-size:2em;/* 2.933em */ line-height: 1.205em; color:#fff; margin-top:0;} .no-js #icon-toggle {display:none;} .icon-toggle {position:relative; float:right; height:30px; width:30px; margin:-2px 0 0 0; vertical-align:middle; text-align:center; background:transparent url(../img/bg-orange-repeat.png); padding-top:23px; margin-top:-25px;} .icon-toggle .triangle {position:relative; width:0; height:0; border-bottom:7px solid transparent; left:-1px; border-top:7px solid transparent; border-right:7px solid #fff; border-right-color:rgba(255,255,255,0.9); position:relative; display:inline-block; vertical-align:middle; } .icon-toggle .triangle {top:1px;} #w-header .intro-label .triangle { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .no-js #w-header .intro-label {color:#fff;} #w-header .intro-label {color:#00287A; display:block; text-decoration:none;} #w-header .intro-label:hover {color:rgb(0,40,122);} #w-header .intro-label:hover .triangle { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); } #w-header a.intro-link { color:#fff } /* ----- 3.1 slideshow ------------------------------------------------------------------------------*/ #supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/theme/progress2.gif) no-repeat center center; background-color:rgba(0,40,122,0.9); -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.7); box-shadow: 0 0 10px rgba(255, 255, 255, 0.7); } #supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; } #supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; } #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/ #supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; } #supersized a { width:100%; height:100%; display:block; } #supersized li.prevslide { z-index:-20; } #supersized li.activeslide { z-index:-10; } #supersized li.image-loading { background:#111 url(../img/theme/progress.gif) no-repeat center center; width:100%; height:100%; } #supersized li.image-loading img{ visibility:hidden; } #supersized li.prevslide img, #supersized li.activeslide img { display:inline; } #slide-label {padding-right:6px; padding-top:15px; text-shadow: 0px 1px 10px rgba(255,255,255,1), 0px 0px 3px rgba(255,255,255,0.5); } .caption-wrapper {display:none;} .caption-wrapper-open .caption-wrapper {display:block;} .caption-wrapper-open #slide-label {padding-top:0; text-shadow:none;} .caption-wrapper-open #w-header .intro-label {margin-top:10px; color:#fff;} .caption-wrapper-open .icon-toggle {background:transparent none; margin-top:-2px; padding:0} .body-home .column-main { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .body-home .column-main.caption-wrapper-open {background-image:url(../img/bg-orange-repeat.png); margin-top:3.733em; -webkit-border-top-right-radius: 23px; -moz-border-radius-topright: 23px; border-top-right-radius: 23px; } .caption-wrapper-open .triangle {top:0px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); } .caption-wrapper-open #w-header .intro-label:hover .triangle { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); } /* ----- 3.2.1 form related ------------------------------------------------------------------------------*/ input, textarea, select {border:1px solid #ddd; -webkit-box-shadow:none; box-shadow:none; font-family: TheSansPlain, 'Arial Narrow', 'HelveticaNeue-CondensedBold', 'Helvetica Neue', Arial, sans-serif; letter-spacing:0.02em; padding:6px 3px; } input:hover, textarea:hover {border:1px solid #999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } input:focus, textarea:focus, select {border:1px solid #999; -webkit-box-shadow:0 0 5px 2px rgba(232,105,15,0.3); -moz-box-shadow:0 0 5px 2px rgba(232,105,15,0.3); box-shadow:0 0 5px 2px rgba(232,105,15,0.3); color:#333; } input[type="text"], textarea {color:#555;/* height:16px;*/ } textarea {height:100px; } .button, input[type="submit"] {border:solid 1px #d0d6e4; font-weight:bold; color:#717fa6; padding:0 5px; text-decoration:none; text-align:center; min-width:13px; height:24px; padding-bottom:1px; line-height:22px; display:inline-block; background: #fff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY5ZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 50%, rgba(248,249,251,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(248,249,251,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(248,249,251,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(248,249,251,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(248,249,251,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(248,249,251,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f9fb',GradientType=0 ); /* IE6-8 */ text-shadow: 0px 1px 2px #fff; -moz-box-shadow: 0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 2px 2px rgba(255,255,255,1); box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .ie9 .button, input[type="submit"] {filter:none;} .button:hover, input[type="submit"]:hover {border:solid 1px #d0d6e4; border:1px solid rgba(95,110,151,0.5); background:none #fff; -moz-box-shadow:0 0 5px 2px rgba(154,61,46,0.3); -webkit-box-shadow:0 0 5px 2px rgba(154,61,46,0.3); box-shadow:0 1px 2px 0px rgba(0,34,102,0.3); color:#e87726; text-decoration:none;} .button:active, input[type="submit"]:active {background-color:#00287a; color:#fff; text-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .button {padding:0 11px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .button-large {padding:3px 15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #site-header .w-search { background:url(../img/bg-transparent-repeat.png); height:55px; margin:0;} #site-header .w-search fieldset { margin:0;} .w-search .w-search-wrap {position:absolute; right:0; margin:0; width:160px; top:12px; } .w-search input {margin:0;} .w-search .w-search-query {background:transparent url(../img/bg-darkgrey-20.png); border:1px solid #d9deeb; width:130px;/* 172px */ position:relative;left:-1px; } :root .w-search .w-search-query {background:none rgba(95,110,151,0.2); border-color:rgba(95,110,151,0.22); /* 5f6e97 */} .w-search .w-search-query:hover, .w-search .w-search-query:focus {background:url(../img/bg-darkgrey-20.png); border:1px solid #d9deeb; } :root .w-search .w-search-query:hover, :root .w-search .w-search-query:focus {background:none rgba(255,255,255,0.9); order-color:rgba(95,110,151,0.5);} .w-search, .w-search fieldset { background:transparent none; margin:10px 0; padding:0px 15px 0 0; border:none; position:relative; } .w-search .w-search-submit {font-size:100%; width:2em; height:2em; padding:3px 3px; position:absolute; top:0px; right:0px; margin:0 0 0 0; text-indent:100%; white-space:nowrap; overflow:hidden; text-shadow:none; z-index:10; background:url(../img/itta-widget2.png) no-repeat -140px 7px; color:transparent; border:transparent none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .w-search .w-search-submit:hover {text-indent:100%; color:transparent; background:#fff url(../img/itta-widget2.png) no-repeat -140px 7px;} .ie8 .w-search .w-search-submit:hover { border:none;} .transparent {background:transparent none; margin:0 0; border:none; padding:0;} /* ----- 3.3 Portlet base structure --------------------------------------------------------------------*/ .portlet { margin:1em 0 1.533em 0; min-height:1px; position:relative; background:url(../img/bg-transparent-repeat.png); } .portlet-header { background:#00287a; padding:0px 0 0px 15px; margin:0px 0 0px 0;} .portlet-title { color:#fff; min-height:1.538em; font-size:1.143em; line-height:1.533em; margin:0;} .fontface .portlet-title {font-family:TheSansBoldCaps, Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight:bold; text-transform:lowercase; font-size:129%;/* 137.5% */} .portlet a {text-decoration:none; display:block; padding:1px 0 1px 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } .portlet a > h3 {margin:0 0; line-height:1.167em; font-weight:normal; max-height:29px; overflow:hidden;} .fontface .hentry a .entry-title {font-family:TheSansPlain, Arial, "Helvetica Neue", Helvetica, sans-serif;} .portlet a:hover {background-color:#fff; margin:-5px -5px -5px -10px; padding:6px 5px 6px 10px; background-color:#fff;/* 182, 190, 213, 0.6 */ -webkit-box-shadow: 0 1px 5px rgba(111,126,170,0.7), inset 0 1px 0 #FFFFFF; -moz-box-shadow: 0 1px 5px rgba(111,126,170,0.7), inset 0 1px 0 #FFFFFF; box-shadow: 0 1px 5px rgba(111,126,170,0.7), inset 0 1px 0 #FFFFFF; } .portlet a:active { color:#03225e; background-color:#d0d6e4; background-color:rgba(182, 190, 213, 0.35);/* d0d6e4 Old browsers */ -webkit-box-shadow:inset 0 1px 5px rgba(111,126,170,0.7); -moz-box-shadow:inset 0 1px 5px rgba(111,126,170,0.7); box-shadow:inset 0 1px 5px rgba(111,126,170,0.7); } .portlet a .meta {margin-bottom:0.0em; /* display:inline-block; */ font-size:0.833em; } *+html .portlet a .meta {display:inline; min-height:1px;} .portlet-content {padding:15px 10px 15px 15px; line-height:1.167em;/* 1.267em */ color:#00287a;} .portlet-content h3 {margin:0 0 0.3em 0; font-size:1em; font-weight:normal;} .fontface .portlet-content h3 {font-family:TheSansBoldCaps, Arial, "Helvetica Neue", Helvetica, sans-serif;} .portlet-content ul {list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0;padding: 0;} .portlet-content li {margin:0 0 1em 0; line-height:;1.333em} .portlet-content .l-plain {font-size:0.833em; } .portlet-content .l-plain li {margin:0.3em 0;} .portlet-content .label {color:#E87726; font-weight:bold;} .fontface .portlet-content .label {font-family:TheSansBold, Arial, "Helvetica Neue", Helvetica, sans-serif;} .fontface .portlet-content .value {font-family:TheSansBoldCaps, Arial, "Helvetica Neue", Helvetica, sans-serif; color:#E87726;} .portlet-content blockquote {margin:0;} .portlet-content .l-plain + blockquote {margin-top:-0.5em;} .portlet-content .figure {-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; overflow:hidden; -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15); box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15); } #aside .portlet-content .figure {float:right;} .read-more {position:relative; display:block;} .read-more a {font-size:0.8em;} .portlet-content .figure img {background-color:#fff; padding:1px; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;} /* ----- 3.5 portlet-clientsvoice Portlet ------------------------------------------------------------------------------*/ .portlet-clientsvoice { /* -ms-word-break: break-all; word-break: break-all; */ /* Non standard for webkit */ /* word-break: break-word; */ -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .portlet-clientsvoice .portlet-content .l-plain li {margin:0;} .portlet-clientsvoice .value {display:inline;} /* ----- 3.5 News Portlet ------------------------------------------------------------------------------*/ .portlet-overview {margin-top:0;} .icon-actueel {width:25px; height:19px; background:url(../img/itta-widget2.png) no-repeat; float:left; position:relative; margin:-5px 5px 0 -2px;} .icon-news { background-position:0 0;} .icon-calendar { background-position:0 -20px;} .icon-actueel {background-image:url(../img/ls-itta-widget.png);} .icon-project {background-position:-130px -60px;} .icon-publication {background-position:-130px -80px; height:25px; margin-bottom:-2px; margin-top:-10px;} .icon-page {background-position:-163px -60px;} .icon-product, .icon-training {background-position:-163px -80px; height:23px; margin-bottom:-1px; margin-top:-8px;} .icon-actueel+ .meta {display:table;} /* ===== 4. GENERIC =========================================================================================================== */ .column-main .entry-title + .entry-subtitle {margin-top:-0.882em;} .column-main .entry-control .entry-subtitle, .meta-tags {margin-top:-1em;} .entry-subtitle:empty {display:none;} .column-main .entry-summary.entry-intro {background-color:#e87726; color:#fff; margin:0.882em 0px 1.764em -25px; padding:10px 25px 15px 25px; position:relative;} .column-main .entry-summary.entry-intro a {color:#fff; text-decoration:underline;} .article-footer {margin:2em 0 2em 0; clear:both;} .article-footer .categories {color:#717fa6; font-size:0.8em; font-weight:bold; border:1px solid #D3D7E1; border-bottom-color:#D0D6E4; border-right:none; border-left:none; padding:11px 0;} .fontface .article-footer .categories {font-family:TheSansBoldCaps, Arial, "Helvetica Neue", Helvetica, sans-serif; text-transform:lowercase; font-size:0.9333em; /* 100% */} .fontface .article-footer .categories a {font-family:TheSansBoldCaps, Arial, "Helvetica Neue", Helvetica, sans-serif; text-transform:lowercase; /* 100% */} .article-footer .category {list-style:none; padding:0 6px 0 0; margin:0 0px 0 0; display:inline-block;} .article-footer .category li {display:inline; padding:0; margin:0;} .article-footer .targetaudience {margin-right:7px;} .image-gallery {border:1px solid #d9dae3; border-color: rgba(182, 190, 213, 0.25); background:transparent url(../img/bg-grey-blue-10-repeat.png); background:none rgba(95, 110, 151, 0.1); background:none rgba(182, 190, 213, 0.2);} /* ----- 4.0 Share styles ------------------------------------------------------------------------------------------ */ .share {margin:1em 0 2em 0; text-align:center;} .icon {display:inline-block; vertical-align:middle; width:20px; height:20px; overflow:hidden; font-size:0; color:transparent; background-repeat:no-repeat; background-color:transparent; margin-left:6px; } .icon-share {background:url(../img/itta-widget2.png) -54px -1px; width:12px; height:12px; } .share-wrapper {color:#717FA6; padding: 10px 0 10px 0px; border-bottom: 1px solid #D6D6D6; display:none; font-family:TheSansBoldCaps, Arial, "Helvetica Neue", Helvetica, sans-serif; text-transform:lowercase; font-size:0.9333em;} .share-wrapper a, .share-wrapper a:visited { /* 100% */ display:inline-block; margin-left:10px; padding-left:21px; height:18px; line-height:17px; font-family:TheSansBold, Arial, "Helvetica Neue", Helvetica, sans-serif; } .share-wrapper a:hover {text-decoration: underline;} .icon-linkedin {background:transparent url(../img/widget-share.png) no-repeat 1px 1px;padding:1px 0 0 0;} .icon-twitter {background:transparent url(../img/widget-share.png) no-repeat 1px -17px;padding:1px 0 0 0;} .icon-google {background:transparent url(../img/widget-share.png) no-repeat 1px -35px;padding:1px 0 0 0;} .icon-email {background:transparent url(../img/widget-share.png) no-repeat 1px -53px;padding:1px 0 0 0;} /* ----- 4.1 General content styling ------------------------------------------------------------------------------*/ article.hentry .figure {float:right; -moz-border-radius:2px; margin:0 0 0.3em 1em; -webkit-border-radius:2px; border-radius:2px; overflow:hidden; -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15); box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15); } .article-image {background-color:#fff; padding:1px; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } /* ----- 4.2 General Individual article pages ------------------------------------------------------------------------------*/ .meta:empty {display:none;} .meta-primary {margin:0; position:relative; font-size:0.9333em; color:#717FA6;} .meta-secondary {line-height:1.583em;} .fontface .meta-primary {font-family:TheSansBoldCaps, Arial, "Helvetica Neue", Helvetica, sans-serif; text-transform:lowercase; } .meta-primary .author {font-size:1em; margin:0.441em 0 0.882em 0; color:#717FA6; } .meta-primary .author h3{color:#e87726; text-transform: none;margin: 0} .fontface .meta-primary a {font-family:TheSansBoldCaps, Arial, "Helvetica Neue", Helvetica, sans-serif; text-transform:lowercase; /* 100% */} .meta-primary .published {font-family:TheSansBold, Arial, "Helvetica Neue", Helvetica, sans-serif;} .meta-primary .date, .meta-primary .type-pub {margin:0.441em 0 0.882em; display:inline-block; color:#717FA6;} .meta-primary .date-pub {margin-bottom: 0;} .meta-primary .date .published {color:#e87726;} .meta-primary .type-pub .published {color:#e87726; text-transform: none;} .meta .updated-on{display:none} /* ----- 4.3 individual trainings page ------------------------------------------------------------------------------------------ */ .training-cta {margin:-1.995em 0 -2em 0; padding:0.882em 0.882em 0.882em 9.18em; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVmNmU5NyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZjZlOTciIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, rgba(95,110,151,0) 0%, rgba(95,110,151,0.2) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(95,110,151,0)), color-stop(100%,rgba(95,110,151,0.2))); background: -webkit-linear-gradient(left, rgba(95,110,151,0) 0%,rgba(95,110,151,0.2) 100%); background: -o-linear-gradient(left, rgba(95,110,151,0) 0%,rgba(95,110,151,0.2) 100%); background: -ms-linear-gradient(left, rgba(95,110,151,0) 0%,rgba(95,110,151,0.2) 100%); background: linear-gradient(to right, rgba(95,110,151,0) 0%,rgba(95,110,151,0.2) 100%); } .ie9 .training-cta {filter:none;} .training-cta .button {display:block; text-align:left; position:relative; white-space:nowrap;} .training-cta .button .icon-arrow-block {position:absolute; right:11px; top:50%; margin-top:-9px;} .icon-arrow-block {width:17px; height:17px; background:#fff url(../img/itta-widget2.png) no-repeat -105px -60px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:0px 0px 5px 2px rgba(255,255,255,1); -moz-box-shadow:0px 0px 5px 2px rgba(255,255,255,1); box-shadow:0px 0px 5px 2px rgba(255,255,255,1); } .button:hover .icon-arrow-block, .button:focus .icon-arrow-block {background-position:-105px -80px;} .button:active .icon-arrow-block {background-position:-105px -100px;} table.training-data {border:none 0; width:100% } table.training-data th { width:25%; color:#00287a; background:transparent url(../img/itta-widget2.png) no-repeat 0 -141px; } .fontface table.training-data th {font-family:TheSansBoldCaps, Arial, "Helvetica Neue", Helvetica, sans-serif;} table.training-data th, table.training-data td {vertical-align:top; border:none; border-top:1px solid #dfe2ea; border-top:1px solid rgba(95, 110, 151, 0.2); padding-top:11px; padding-bottom:18px;} table.training-data td {width:75%;} /* ----- 4.4 List showhide toggle for products and services overview "aanbod overview pagina's" ------------------------------------------------------------------------------------------ */ .list-view .hentry .summary {text-align:left;} .list-showhide-toggle { clear: both;} .list-showhide-toggle .items {margin:2em 0 2em -2px;} .list-showhide-toggle .hentry { background-image:url(../img/bg-transparent-repeat.png); font-style:normal; text-decoration:none; /* padding:0.5em 0; */ display:block; zoom:1; margin-bottom:4px; position:relative; z-index:auto; border:solid 1px #d0d6e4; -moz-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 2px 2px rgba(255,255,255,1); box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } .list-showhide-toggle .hentry .entry-control {cursor:pointer; position:relative; margin:0; padding:0.882em 25px 0.882em 15px; padding:1px 25px 1px 15px; -moz-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 2px 2px rgba(255,255,255,1); box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYzZjgiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(241,243,248,0.3) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(241,243,248,0.3))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(241,243,248,0.3) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(241,243,248,0.3) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(241,243,248,0.3) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(241,243,248,0.3) 100%); } .list-showhide-toggle .hentry .entry-title {} .list-showhide-toggle .hentry .entry-subtitle, .list-showhide-toggle .hentry .meta-tags {color:#e87726;} .ie9 .list-showhide-toggle .hentry .entry-control {filter:none;} .details-toggle-button {display:block; text-align:center; position:absolute; z-index:10; top:50%; right:15px; margin-top:-6px; text-indent:100%; overflow:hidden; white-space:nowrap; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:7px solid #e87726; } .list-showhide-toggle .hentry .entry-control .details-toggle-button { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .list-showhide-toggle .hentry:hover { background-color:#fff; border-color:#b6bfd3; border-color: rgba(95, 110, 151, 0.5); -moz-box-shadow: 0px 0px 5px 2px rgba(0,40,122,0.25); -webkit-box-shadow:0px 0px 5px 2px rgba(0,40,122,0.25); box-shadow:0px 0px 5px 2px rgba(0,40,122,0.25); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .list-showhide-toggle .entry-control:hover { -moz-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 2px 2px rgba(255,255,255,1); box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); } .details-showing .details-toggle-button, .list-showhide-toggle .hentry .entry-control:hover .details-toggle-button { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } .no-csstransforms .list-showhide-toggle .hentry .entry-title .details-toggle-button {margin-right:-10px;} .no-csstransforms .list-showhide-toggle .hentry .entry-title:hover .details-toggle-button {border-top:7px solid #e87726; border-bottom:none; border-right:7px solid transparent; border-left:7px solid transparent; margin-right:-13px; margin-top:-3px; } .details .article-footer {margin:1em -5px -25px -15px;} .details .article-footer .categories {border-bottom:none 0; padding-left:15px; padding-right:5px;} .details .readmore {font-weight:normal; /* display:block; */} .fontface .details .readmore {font-family:TheSansPlain, Arial, "Helvetica Neue", Helvetica, sans-serif;} .details {display:none; padding:0px 5px 25px 15px; border-top: 1px solid #D0D6E4;} .details .entry-subtitle {color:#e87726;} /* ===== 5. NEWS ================================================================================================== */ /* ----- 5.1 News overview ----------------------------------------------------------------------------------------*/ i.alt {font-style:normal;} h1 + .pager-wrapper {margin-top:-0.65em;} h2 + .pager-wrapper {margin-top:-0.5em;} /* ----- 5.2 Pager client specific styles ----------------------------------------------------------------- */ .pager-wrapper {font-size:11px; margin:1em 0; } .pager {margin: 8px 0px 8px 0px; color:#4e4e4e; font-size:11px; float:left; } ul.yiiPager {border:0; margin:0 -3px 0 0px; padding:0; line-height:100%; /* display:inline-block; */ float:left; font-size:0px;} ul.yiiPager li {display:inline-block; font-size:11px; margin-right:3px; -moz-box-shadow: 0px 0px 3px 0px rgba(0,40,122,0.1); -webkit-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1); box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1); color:#717fa6;} *+html ul.yiiPager li {display:inline; zoom:1;} ul.yiiPager .page a { font-weight:normal; } ul.yiiPager a:link, ul.yiiPager a:visited {border:solid 1px #d0d6e4; border-color: rgba(95, 110, 151, 0.3); font-weight:bold; color:#717fa6; padding:0 5px; text-decoration:none; text-align:center; min-width:11px; height:21px; line-height:21px; display:inline-block; background: #fff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY5ZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 50%, rgba(248,249,251,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(248,249,251,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(248,249,251,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(248,249,251,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(248,249,251,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(248,249,251,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f9fb',GradientType=0 ); /* IE6-8 */ text-shadow: 0px 1px 2px #fff; -moz-box-shadow:inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-box-shadow:inset 0px 0px 2px 2px rgba(255,255,255,1); box-shadow:inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /* -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease */ } .ie9 ul.yiiPager a:link, .ie9 ul.yiiPager a:visited {filter:none;} ul.yiiPager a:hover, ul.yiiPager a:focus { border:solid 1px #d0d6e4; border:1px solid rgba(95,110,151,0.5); background:none #fff; -webkit-box-shadow:0 0 5px 2px rgba(154,61,46,0.3); box-shadow:0 1px 2px 0px rgba(0,34,102,0.3); /* color:#323b60; */color:#cc6b24;/* e87726 */ outline:none;/* text-shadow: 0px 1px 2px #112380; */ /* margin:-2px; padding:2px 7px; */ z-index:10; } ul.yiiPager a:active {border:solid 1px #000; color:#fff; background:#00287a none; color:#fff; text-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } ul.yiiPager .selected a {color:#e87726; font-weight:bold; } ul.yiiPager .hidden a { border:solid 1px #d0d0d0; color:#9c9c9c; background:none #fff; visibility:visible; text-shadow: none; filter: dropshadow(enable=false); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none} ul.yiiPager li.label {padding:0 6px;} .sort-order {float:right; margin: 8px 0px 8px 0px; color:#717fa6; text-align:right;} .sort-order label {color:#717fa6; font-weight:normal; vertical-align:top; width:auto; text-align:right;} .sort-order select {margin:0 0 0 6px; border:solid 1px #d0d6e4; font-weight:bold; color:#717fa6; padding:4px 5px; text-decoration:none; min-width:13px; height:23px; line-height:22px; float:right; vertical-align:top; cursor:pointer; background: #fff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY5ZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 50%, rgba(248,249,251,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(248,249,251,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(248,249,251,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(248,249,251,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(248,249,251,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 50%,rgba(248,249,251,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f9fb',GradientType=0 ); /* IE6-8 */ text-shadow: 0px 1px 2px #fff; -moz-box-shadow: 0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .sort-order select {outline:none; -moz-user-focus: none !important;} #sort-submit {display:none;} .no-js #sort-submit {display:block;} .sort-order option {background-color:#FFF;} /* ----- 5.3 News list ------------------------------------------------------------------------------*/ .body-overview .column-main {padding-right:25px;} .column-main .portlet {background: none transparent;} .column-main .portlet-content {padding:0; margin:0;} .column-main .portlet-content li {margin:0 0 4px 0; } .figure {float:left; line-height: 1.3em; position: relative; margin:2px 10px 0.5em 2px; overflow:hidden;} .figure img {display:block;} .column-main .portlet-overview .figure {margin-bottom:4em;} #publication-index .column-main .portlet-overview .figure {margin-bottom:4.5em;} #partner-index .column-main .portlet-overview .figure {margin-bottom:0em;} .column-main .portlet-overview .portlet-content h3 {margin-bottom:0; font-size:1.167em;/* 1.133em */ line-height:1.143em;/* 1.278em */ /* min-height:26px; */} .portlet-overview .overview-item .entry-text {margin-bottom:1em; overflow:hidden; height:102px;/* 97px */ position:relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } /* Event portlet on training page */ .column-main .portlet.portlet-event { margin-left: -25px; background-color: #00287a; } /* Event portlet on training page */ .portlet-content .training-cta { margin:0; padding-left: 0; margin-left: 40%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVmNmU5NyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZjZlOTciIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, rgba(95,110,151,0) 0%, rgba(95,110,151,0.2) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(95,110,151,0)), color-stop(100%,rgba(95,110,151,0.2))); background: -webkit-linear-gradient(left, rgba(95,110,151,0) 0%,rgba(95,110,151,0.2) 100%); background: -o-linear-gradient(left, rgba(95,110,151,0) 0%,rgba(95,110,151,0.2) 100%); background: -ms-linear-gradient(left, rgba(95,110,151,0) 0%,rgba(95,110,151,0.2) 100%); background: linear-gradient(to right, rgba(95,110,151,0) 0%,rgba(95,110,151,0.2) 100%); } .training-cta .button-large { max-width: 150px; padding-left: 10px; padding-top: 4px; } .column-main .portlet-overview .hentry {zoom:1; /* height:137px; */ margin-top:-1px;} .column-main .portlet-overview .hentry h4.entry-subtitle, .column-main .portlet-overview .hentry h4.meta-tags {font-size:0.8em; color:#e87726; /* line-height: 1.133em; */ margin:0;/* margin:0.2em 0; */} .column-main .portlet-overview .hentry:before, .column-main .portlet-overview .hentry:after, .portlet-overview-news .hentry:after, .portlet-overview .overview-item :before, .portlet-overview .overview-item :after { content: ""; display: table; } .portlet-overview .overview-item :after {clear: both;} .portlet-overview .overview-item {background-image:url(../img/bg-transparent-repeat.png); font-style:normal; text-decoration:none; padding:1em 0; display:block; zoom:1; padding:15px 10px; height:157px; position:relative; z-index:auto; border:solid 1px #d0d6e4; overflow:hidden; -moz-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 2px 2px rgba(255,255,255,1); box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } .portlet-overview .overview-item:hover {background-color:#FFF; height:180px; margin-top:-10px; margin-left:-10px; margin-right:-10px; z-index:10; padding-top:21px; padding-left:10px; padding-right:10px; padding:25px 20px; border-color:#b6bfd3; border-color: rgba(95, 110, 151, 0.5); -moz-box-shadow: 0px 0px 5px 2px rgba(0,40,122,0.25); -webkit-box-shadow:0px 0px 5px 2px rgba(0,40,122,0.25); box-shadow:0px 0px 5px 2px rgba(0,40,122,0.25); } .portlet-overview .overview-item:focus, .portlet-overview .overview-item:active {background:none #edeff4; outline:none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none } .column-main .portlet-overview .hentry .entry-summary {color:#48494d; padding:0; margin:1.533em 0; /* line-height:1.267em; */ background-color:transparent; font-weight:normal;} .fontface .column-main .portlet-overview .hentry .entry-summary {font-family:TheSansPlain, Arial, "Helvetica Neue", Helvetica, sans-serif;} .fontface .column-main .portlet-overview .hentry .entry-title {font-family:TheSansBold, Arial, "Helvetica Neue", Helvetica, sans-serif;} .column-main .portlet-overview .hentry .meta + .entry-summary, .column-main .portlet-overview .hentry h4.entry-subtitle + .entry-summary, .column-main .portlet-overview .hentry h4.meta-tags + .entry-summary, .column-main .portlet-overview .hentry .meta-tags + .entry-summary, .column-main .portlet-overview .hentry .entry-title + .entry-summary {margin-top:0;} .column-main .portlet-overview .readmore {opacity:0; margin-top:-1em; position:relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } .column-main .portlet-overview a:hover .readmore {opacity:1; display:block; margin-top:0;} .no-opacity .column-main .portlet-overview .readmore {display:none;} /* ----- 5.4 Portlet target audience checkbox filter ----------------------------------------------------------------- */ .portlet.portlet-target-audience {background-image:none; } .portlet.portlet-target-audience .portlet-content {background: url(../img/bg-transparent-repeat.png)} .portlet.portlet-target-audience .portlet-content-top {margin-bottom:15px;} #target-audience-form {border:none; background-color:transparent; padding:0; margin:0; position:relative;} #target-audience-form .searchSingleTag { width: 93%; } .checkbox-container {list-style:none; margin:10px 0 15px 0; padding:1px 0; position:relative;} .fontface .checkbox-container, .fontface label {font-family:TheSansBold, Arial, "Helvetica Neue", Helvetica, sans-serif;} .checkbox-container li {margin:0; padding:0; position:relative; border-top:1px solid #d3d7e1;/* e9ecf2 */ } .checkbox-container li:first-child {border-color:transparent;} .checkbox-container label {width:auto; padding:7px 45px 8px 33px; display:block; font-weight:bold; color:#00287a; position:relative;} .checkbox-container label:hover {background-color:#fff;/* 182, 190, 213, 0.6 */ -webkit-box-shadow: 0 1px 5px rgba(111,126,170,0.7), inset 0 1px 0 #FFFFFF; -moz-box-shadow: 0 1px 5px rgba(111,126,170,0.7), inset 0 1px 0 #FFFFFF; box-shadow: 0 1px 5px rgba(111,126,170,0.7), inset 0 1px 0 #FFFFFF; } .checkbox-container label:active { color:#03225e; background-color:#d0d6e4; background-color:rgba(182, 190, 213, 0.35);/* d0d6e4 Old browsers */ -webkit-box-shadow:inset 0 1px 5px rgba(111,126,170,0.7); -moz-box-shadow:inset 0 1px 5px rgba(111,126,170,0.7); box-shadow:inset 0 1px 5px rgba(111,126,170,0.7); } .checkbox-container input {position:absolute; top:4px; right:7px; background:none transparent; border:none; z-index:10; outline:none; position:absolute; top:0px; left:10px;} :root .checkbox-container input[type="checkbox"] {visibility:hidden; position:absolute; bottom:0; left:0; height:0%; width:0%; margin:0; padding:0;} :root .checkbox-container input[type="checkbox"] + label:after {content: ""; display:block; height:17px; width:18px; position:absolute; top:7px; left:10px; z-index:10; background:transparent url(../img/itta-widget2.png) no-repeat -75px 0px; } :root .checkbox-container input[type="checkbox"]:checked + label:focus, :root .checkbox-container input[type="checkbox"]:checked + label:after {background-position:-75px -60px; outline:none;} .posts-amount {background-color:#e2e6f0; background-color:rgba(182, 190, 213, 0.4); border:1px solid #d0d6e4; border-color:croll 0 0 rgba(182, 190, 213, 0.44); color:#5f6e97; vertical-align:middle; text-align:center; min-width:28px; display:inline-block; font-weight:bold; position:absolute; top:6px; right:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } /* ----- 5.5 Carousel slideshow ------------------------------------------------------------------------------ */ .cycle-widget-slides { clear:both; width:100%; overflow: hidden; margin-bottom:2em; list-style:none; margin:0; padding:0;} .cycle-widget-container .slides-inner-wrapper {padding:15px 10px; border:solid 1px #d0d6e4; background-image: url(../img/bg-transparent-repeat.png); -moz-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 2px 2px rgba(255,255,255,1); box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); margin-bottom: 60px; height:360px; } .cycle-widget-slides { height:360px;} .cycle-widget-slides li {width:100%; height:360px; position:relative; } .cycle-widget-slides li img {position: absolute; } .cycle-widget-controls {text-align:center; position:relative; margin:0.5em auto 1.5em auto; padding:0; overflow:hidden; list-style:none;top:15px;} .cycle-widget-controls .pagination {display:inline-block; margin:0 -1px 0 -1px; position:relative;} .cycle-widget-btn, .cycle-widget-btn:visited {float:left; text-align:center; font-size:0px; height:20px; width:20px; line-height:20px; background:transparent url(../img/itta-widget2.png) no-repeat -28px 3px; cursor:pointer; text-decoration:none; overflow:hidden; white-space:nowrap; text-indent:100%;} .cycle-widget-btn:hover, .cycle-widget-btn:focus {outline:none; text-decoration:none; background-position:-28px -17px; outline:none;} .cycle-widget-btn:active {background-position:-28px -37px;} .cycle-widget-controls .icon {color:transparent; text-indent:200%; white-space:nowrap; overflow:hidden; background:transparent url(../img/itta-widget2.png) no-repeat -28px 3px; margin:0;} .no-js .cycle-widget-controls .icon {display:none;} .cycle-widget-controls .play {background-position:-28px -77px; display:none; } .cycle-widget-controls .play:hover {background-position:-28px -97px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .cycle-widget-controls .pause {background-position:-48px -77px; } .cycle-widget-controls .pause:hover {background-position:-48px -97px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .activeSlide .cycle-widget-btn { background-position:-28px -57px;} .slide a {position:absolute; bottom:0; left:0; right:0; display:block; text-decoration:none; background:url(../img/bg-orange-repeat.png);} .slide .entry-text {padding:10px;} .slide .entry-title {margin-top:0; color:#fff;} .slide .entry-subtitle, .slide .meta-tags {margin-bottom:1em;} .slide .readmore-button {padding:0px 11px; color:#e87726; font-weight:bold; display:block; position:relative; background-color:#fff; font-size:0.733em; position:absolute; bottom:0; right:0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .image-gallery { width:100%; min-height:118px; border:1px solid #d9dae3; border-color: rgba(182, 190, 213, 0.25); background:transparent url(../img/bg-grey-blue-10-repeat.png); background:none rgba(95, 110, 151, 0.1); background:none rgba(182, 190, 213, 0.2);} .carousel-controls {list-style:none; margin:0; padding:0; text-align:center; position:relative; z-index:10; top:15px; margin:0em auto 0em auto; vertical-align:top; height:30px; overflow:visible; } .carousel-controls .pagination {display:inline-block; height:20px; width:20px; padding:0; margin:0 -2px 0 -2px; position:relative; height:20px; line-height:20px; position:relative;} .carousel-controls a {display:block; height:20px; width:20px; text-indent:200%; white-space:nowrap; overflow:hidden; font-size:0; line-height:0; color:transparent; cursor:pointer; background-color:transparent; background-image:url(../img/itta-widget2.png); background-repeat:no-repeat; padding:0; vertical-align:top; position:absolute; top:0; left:0; } .carousel-controls a:focus {outline:none;} .ie7 .carousel-controls .pagination {display:inline;} .carousel-controls .pagination a {background-position: -26px 0px;} .carousel-controls .pagination a:hover {background-position: -26px -20px;} .carousel-controls .pagination a:active, .carousel-controls .pagination a:focus {background-position:-26px -40px;} .carousel-controls .pagination.activeSlide a {background-position:-26px -60px;} .jcarousel-clip {width:95%;margin:10px auto 20px auto; } .jcarousel-item { width:29%;margin: 0px 10px;position:relative;} .jcarousel-item img{width:100%;height:auto;margin: 0px auto;border:1px solid #d9dae3; } /* ----- 5.6 Team, References, Partners pages ------------------------------------------------------------------------------ */ .portlet.portlet-overview-alt {background-image:url(../img/bg-transparent-repeat.png); font-style:normal; text-decoration:none; padding:1em 0; display:block; padding:15px 10px; position:relative; z-index:auto; border:solid 1px #d0d6e4; -moz-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 2px 2px rgba(255,255,255,1); box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); } .portlet-overview-alt .hentry {overflow:hidden; border-top:1px solid #D0D6E4; padding:1em 0 1em 149px;} .portlet-overview-alt .hentry:first-child {border-top:none;} .portlet-overview-alt .entry-title {margin:0;} .portlet-overview.portlet-overview-alt .figure {margin-left:-147px; position:relative;} .portlet-overview-alt .meta {font-size: 0.833em;} .portlet-overview-alt .meta-role {margin-bottom:-1em;} .portlet-overview-alt .portlet-content {color:#48494D;} .portlet-overview-alt .value {margin:0;} .portlet-overview-alt a {display:inline;} .portlet-overview-alt a:hover { padding:0; margin:0; text-decoration:underline; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .portlet-overview-alt .entry-title + p {margin-top:0;} .portlet-overview-team a.overview-item{ height:185px;} .portlet-overview-team a.overview-item:hover{ height:190px;} .portlet-overview.portlet-overview-team .overview-item .entry-text{ height:150px;} .portlet-overview.portlet-overview-team .overview-item .entry-text .entry-summary{ margin-top: 10px;} .portlet-overview-team .meta.meta-role h4.entry-title {margin:0;} .meta.meta-organisation {line-height:1.4em; margin-top:0.25em;} /* ===== 8. MISC (Detail pages, generic) =================================================================================== */ /* ----- stop google maps font resize ---- */ #map_canvas h3, #map_canvas h3 + div {font-size:12px !important;} :root #map_canvas {box-sizing:border-box; border:1px solid #c8cfde;} /* ----- 8.1 Media queries -----------------------------------------------------------------------------------------*/ @media all and (min-width: 1150px) { body {font-size:0.938em;} #logo a { height:137px; background-position:0 0;} #site-header .w-search {height:68px;} #site-header-wrap {height:137px;} .w-search .w-search-wrap {width:207px; top:18px; } .w-search .w-search-query {width:166px;} #aside {width:237px;} .main-nav li {width:224px;} .portlet a > h3 {max-height:40px; line-height: 1.267em; } .column-main .portlet-overview .portlet-content h3 {line-height:1.118em;/* 19px */} .portlet a .meta {font-size:0.8em; /* 12px */} .portlet-content {line-height:1.333em;} .portlet-content .l-plain {font-size:0.8em; } .portlet-overview .overview-item .entry-text {height:138px;/* 103px */} #publication-index .portlet-overview .overview-item .entry-text {height:150px;/* 103px */} .portlet-overview-alt .meta {font-size: 0.8em;} .meta.meta-organisation {line-height:1.3333em;} .icon-actueel {margin-top:-2px;} .icon-publication {margin-top:-4px;} #w-app-container { margin-bottom:-92px;} #site-footer, .push {height:92px; /* .push must be the same height as .footer */} #site-footer-wrap {clear:both;} #site-footer {font-size:0.8em; background-position:left bottom;} #site-footer .inner {background:transparent url(../img/itta-footer_taal-ontwikkelt.png) no-repeat right bottom; height:92px; } #site-footer address { height:23px; line-height:22px; top:23px; } #site-footer address:after {width:184px; right:-184px; height:23px; } .site-footer-extras {top:46px; height:46px;} .consortium {margin-top:12px;} .supplementary {margin-top:14px;} } .ie9 .column-main .portlet-overview .portlet-content h3 {line-height:1.118em;} /* @media all and (max-width: 1024px) { .gui {display:none;} } */ /* ----- 8.3 Extras --------------------------------------------------------------------------------------------------------*/ .ie7 .gui {display:none;} #chromeframeoverlay {position:absolute; position:fixed; top:0; right:0; bottom:0; left:0; background:url(../img/bg-transparent-repeat.png); z-index:5000; zoom:1; height:100%; width:100%; text-align:center; font-weight:bold; font-size:200%; line-height:1.5em;} .chromeframe {background-color:#FFF; border:2px solid #717fa6; margin:5% 25%; padding:5% 10%; } #map_canvas {width:100%; height:400px} .newsletter-form-content .form {display:none;} .newsletter-form-content .form form {background: none; padding:0px; border: none;} .newsletter-form-content .form form input {width:90%;} #w-dialog ul.tagit { width: 74%; display: inline-block; border: none; } #w-dialog ul.tagit input[type="text"] { background-color: #ffffff; border: 1px solid #A5A5A5; border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 0 1px 2px #999999 inset; -moz-box-shadow: 0 1px 2px #999999 inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; color: #3F3E3E; outline: 0 none; padding: 0px 7px; width: 74.2%; cursor: text !important; } .show-upload{font-weight:bold; color:#E87726; cursor: pointer;} .show-upload-hide{visibility: hidden;} #upload-form-training{margin-bottom:20px;} .uploadform-title{color: #00287A;} ol.structure-list{list-style:none; padding-left:0; margin-left:15px;} ol.structure-list div{padding:3px 3px 3px 10px; background-image:url(../img/bg-transparent-repeat.png); border:solid 1px #d0d6e4; overflow:hidden; -moz-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 2px 2px rgba(255,255,255,1); box-shadow:0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } ol.structure-list-1 div{background-image:url("../img/bg-darkgrey-20.png");} ol.structure-list-1 ol.structure-list div{background-image:url("../img/bg-grey-blue-10-repeat.png");} ol.structure-list-1 ol.structure-list ol.structure-list div{background-image:url(../img/bg-45-white-repeat.png);} ol.structure-list-1{padding-left:0; margin-left:0px;} ol.document-list{list-style:decimal; padding-left:40px;} ol.document-list a, ol.document-list a:hover{margin-left:-30px; margin-right:1px; padding-left:30px;} .document-list span p, .document-list span h2, .document-list span h3, .document-list span ul, .document-list span ol{margin-left:-20px;} .portlet .document-list span a{display:inline; background-color: transparent; box-shadow: 0; margin: 0; padding: 0;} .portlet .document-list span a:hover { background-color: transparent; box-shadow: 0; margin: 0; padding: 0 3px; } .w-search-doc{height: 175px; margin: 0; padding: 0; position: static;} .summary.right{text-align: right;font-size:95%;} .w-search-doc fieldset{margin: 0;padding: 0;} .w-search-doc .w-search-query {width:79%;margin-bottom: 7px;} .w-search-doc .w-search-submit, .w-search-doc .w-search-submit:hover {position:static;background:url("../img/search-icon.png") no-repeat top right rgba(95, 110, 151, 0.2); border: 1px solid rgba(95, 110, 151, 0.22); color: #717FA6; text-align: left; text-indent: 6px; width: 100px;padding-top:5px;margin-top:10px;} .w-search-doc .w-search-wrap { top: 0px; width: 100%; } .w-search-doc select{width:80%;} .portlet-overview-document{margin-top: 40px;} #search-result-container .summary {margin: 10px 0 0px;text-align: right;} #search-result-container #document-grid.grid-view .summary {margin: 5px 0 10px;text-align: right;} #search-result-container #document-grid.grid-view{padding-top:3px} #search-result-container #document-grid.grid-view .items{margin-top:8px;} #search-result-container #document-grid.grid-view table.items th {background: none repeat scroll 0 0 #3F5F85;} .tags-italic{font-size:90%;font-style:italic;} .clear-both{clear:both;} .sorter{margin-bottom:40px;} .bar-expanded, .bar-collapsed{cursor: pointer;} .bar-collapsed .doc-arrow{width:50px;height:20px; background:url(../img/document-toggle.png) no-repeat 32px -46px;display:inline-block;float:right} .bar-expanded .doc-arrow{width:50px;height:20px; background:url(../img/document-toggle.png) no-repeat 32px 7px;display:inline-block;float:right} .collapsed li, .collapsed span{display:none;} .expanded li, .expanded p{display:auto;} /* ===== 9. MiniSite =================================================================================== */ .column-main-minisite { max-width: 801px; } #scan-overview-wrapper ul.scans { list-style:none; margin:10px 0; padding:0; } #scan-overview-wrapper ul.scans li { margin:10px 0px; } #scan-overview-wrapper ul.scans p { font-family: "TheSansPlain", Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; color: #48494d; margin-top: 0.5em; margin-bottom: 0.5em; display: inline-block; width: 95%;} #scan-overview-wrapper ul.scans span {top: 45%; position: absolute; display: block; right: 12px;} #scan-overview-wrapper ul.scans a {color: #00287a; padding-top: 0.7em; padding-bottom: 0.7em; position: relative; } #scan-overview-wrapper ul.scans a:hover {color: #e87726;} #scan-wrapper label { width:100px; } #scan-wrapper label:hover { color:#000; } #scan-wrapper.scan span { display:block; } #scan-wrapper.scan p { } #scan-wrapper.scan * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #scan-wrapper.scan input { width:auto; margin-right:10px; margin-bottom:10px; vertical-align:top; text-align:left; display:inline-block; } #scan-wrapper.scan label { width:90%; margin-bottom:10px; display:inline-block; } div.score-wrapper { width:80px; } div.score { width:13px; height:20px; background: url('../img/score.gif'); display:inline-block; vertical-align:middle; margin:1px 1px 1px 0; } div.score.max { background: url('../img/scoreMax.gif'); } .button.scan {height: auto; display: block; text-align: left;} .meta-tags {color:#48494d !important;} .meta-tags em:after, .meta-tags em:before { display: inline !important; } .entry-content iframe { max-width: 267px; } #search-results ul{ padding-left: 0; } .search-form .hint { font-family: TheSansBold, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 0.9em; } .search-form .type_radiolist > span { display: block; } .search-field-subtitle {font-weight: bold; color: #00287a;} .search-field-publishedOn {font-style: italic;} .search-field-title, h3.search-field-title {margin-bottom: 2px; margin-top: 0px;} .search-result { background-image: url(../img/bg-transparent-repeat.png); font-style: normal; text-decoration: none; display: block; zoom: 1; padding: 15px; min-height: 115px; position: relative; z-index: auto; border: solid 1px #d0d6e4; overflow: hidden; -moz-box-shadow: 0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-box-shadow: 0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 2px 2px rgba(255,255,255,1); box-shadow: 0px 0px 3px 0px rgba(0,40,122,0.1), inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin-bottom: 5px; } #tovii-download-btn { width: 100%; text-align: center; } #tovii-download-btn .button { padding: 5px 11px 3px 11px; }