Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* FONTS */
- @font-face {
- font-family: 'NewhouseDTCondCondensedRg';
- src: url('fonts/newhousedt-condensed-webfont.eot');
- src: url('fonts/newhousedt-condensed-webfont.eot?#iefix') format('embedded-opentype'),
- url('fonts/newhousedt-condensed-webfont.woff') format('woff'),
- url('fonts/newhousedt-condensed-webfont.ttf') format('truetype'),
- url('fonts/newhousedt-condensed-webfont.svg#NewhouseDTCondCondensedRg') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- /* GLOBALS */
- * {
- font-family:Myriad Pro, Helvetica Neue, Helvetica, Verdana, Geneva, sans-serif;
- font-size:12px;
- padding:0;
- margin:0;
- border:0;
- }
- H1, H2, H3, H4 { font-family: NewhouseDTCondCondensedRg; text-transform:uppercase; }
- H1 { font-size: 18px; text-transform:none; background-image:url("/images/title-corner.png"); background-repeat:no-repeat; padding-left:16px; }
- HTML { height:100%; }
- BODY { height:100%; background-color:#e2e0de; position:relative; }
- A { color:white; line-height:12px; text-decoration:none; }
- A:visited { color:white; text-decoration:none; }
- A:hover { color:white; text-decoration:underline; }
- SPAN A, P A { color:#F74B00; }
- SPAN A:visited,P A:visited { color:#F74B00; }
- SPAN A:hover,P A:hover { color:#F74B00; }
- .clearfloat { clear:both; margin:0px; padding:0px; line-height:0px; }
- .chamber-border { border:1px solid white; padding: 0; }
- .logo { padding:11px; position:absolute; z-index:10; }
- .still { width: 100%; margin: 0 auto; width:1280px; height:720px; }
- .backgroundImage { position:absolute; width:1280px; height:720px; }
- /* Background images */
- .content { width: 1280px; height: 720px; position:absolute; z-index:6; padding:0; }
- .content .overlay { position:absolute; }
- .content-label { z-index:100; position:absolute; }
- .content-label .content { width: auto; height: auto; }
- .content-label A { color:black; font-family: NewhouseDTCondCondensedRg; text-transform:uppercase; font-size:18px; }
- .content-label A:hover { text-decoration:none; }
- /* Image Map */
- .imageMap { width: 1280px; height: 720px; position:absolute; z-index:8; padding:0; }
- .imageMap IMG { width: 1280px; height: 720px; }
- /* Background overlay labels */
- .left-aligned-label { height:48px; }
- .left-aligned-label .left { background: url(/images/label-left-arrow.png) no-repeat; width:29px; height:48px; float:left; }
- .left-aligned-label .middle { background: url(/images/label-middle.png) repeat-x; padding-left:10px; padding-right:20px; height:48px; float:left; padding-top:16px; padding-left:16px; }
- .left-aligned-label .right { background: url(/images/label-right-end.png) no-repeat; width:7px; height:48px; float:left; }
- .right-aligned-label { height:48px; font-family: NewhouseDTCondCondensedRg; }
- .right-aligned-label .left { background: url(/images/label-left-end.png) no-repeat; width:7px; height:48px; float:left; }
- .right-aligned-label .middle{ background: url(/images/label-middle.png) repeat-x; padding-left:20px; padding-right:10px; height:48px; float:left; padding-top:16px; padding-left:16px; }
- .right-aligned-label .right { background: url(/images/label-right-arrow.png) no-repeat; width:29px; height:48px; float:left; }
- .bottom-aligned-home-label { background: url(/images/home-unit-one-background.png) no-repeat; width:287px; height:267px; float:left; margin-top:-80px; }
- .bottom-aligned-home-label H2 { color:black; font-size:18px; }
- .bottom-aligned-home-label .content { margin-top:14px; margin-left:14px; float:none; }
- .bottom-aligned-home-label .content .item { float:none; width:240px; height:50px; margin-top:8px; }
- .bottom-aligned-home-label .content .item IMG { border:1px solid white; float:left; margin-right:10px;}
- .bottom-aligned-home-label .content .item A { color:white; float:left;}
- .bottom-aligned-home-label .content .item .title{ color:black; float:none; width: 240px; height:30px; }
- .bottom-aligned-home-label .button { float:right; }
- .bottom-aligned-home-label .button .left { background: url(/images/other/button-orange-left.png) no-repeat; float:left; width:2px; height:16px; margin: 0px;}
- .bottom-aligned-home-label .button .middle { background: url(/images/other/button-orange-middle.png) repeat-x; float:left; width:auto; height:16px; margin: 0px; padding-left:4px; padding-right:4px; color:white;}
- .bottom-aligned-home-label .button .right { background: url(/images/other/button-orange-right.png) no-repeat; float:left; width:2px; height:16px; margin: 0px;}
- .left-aligned-medewerker-label { background: url(/images/left-aligned-medewerker-label.png) no-repeat; width:190px; height:212px; float:left; margin-top:-80px; }
- .left-aligned-medewerker-label .content { margin-top:14px; margin-left:38px; float:none; overflow:hidden; }
- .left-aligned-medewerker-label .content IMG { border:1px solid white; float:none; width:135px; height:135px; }
- .left-aligned-medewerker-label .content .name { font-size:14px; color:black; width:100%; padding-top:8px; float:left;}
- .left-aligned-medewerker-label .content .title { font-size:9px; color:black; width:100%; padding-top:3px; float:left; }
- /* Units */
- .unit { width:728px; height:377px; top:171px; left:276px; position:absolute; color:black; }
- .unit .left { background: url(/images/unit-left.png) no-repeat; float:left; width:11px; height:inherit; }
- .unit .middle { background: url(/images/unit-middle.png) repeat-x; float:left; width:714px; height:inherit; }
- .unit .right { background: url(/images/unit-right.png) no-repeat; float:left; width:3px; height:inherit; }
- .unit .middle .half { float:left; margin:10px; width:330px;}
- .unit .middle .full { float:left; margin:10px; width:660px;}
- .unit .middle .close { background: url(/images/other/closebutton.png); width:16px; height:16px; position:absolute; right:4px; top:4px; }
- .unit .middle IMG { border:1px solid white; }
- .unit .middle .textarea { width:340px; height:310px; overflow-y:scroll; overflow-x:hidden; margin-top:33px; }
- .unit .middle .textareaFull { width:640px; height:310px; overflow-y:hidden; overflow-x:hidden; margin-top:33px; }
- .unit .paging { height: 11px; margin-top:16px; }
- .unit .paging A { color:black; margin-left:10px; margin-right:10px; }
- .unit .paging .back { float:left; width:50%; }
- .unit .paging .next { float:right; width:50%; text-align:right; }
- .unit .paging .icon { height: 11px; width:8px; }
- .unit .paging .back .icon { float:left; background: url(/images/other/button-back-active.png) no-repeat; }
- .unit .paging .next .icon { float:right; background: url(/images/other/button-next-active.png) no-repeat; }
- .unit .related { width:100%; margin-top:14px; }
- .unit .related .button .right { background: url(/images/other/button-orange-right-bubble.png) no-repeat; float:left; width:33px; height:16px; }
- .unit .button { height:16px; float:left; margin-right:6px; }
- .unit .button .left { background: url(/images/other/button-orange-left.png) no-repeat; float:left; width:2px; height:16px; }
- .unit .button .middle { background: url(/images/other/button-orange-middle.png) repeat-x; float:left; width:auto; height:16px; padding-left:10px; padding-right:10px;}
- .unit .button .right { background: url(/images/other/button-orange-right.png) no-repeat; float:left; width:2px; height:16px; }
- .unit .button .middle A { width: 5px; color:white; }
- .unit .button .middle A:visited { color:white; }
- .textarea A { color:#F74B00; }
- .textarea P { margin-bottom: 12px; }
- /* Button Popovers */
- .button-popover { background: url(/images/button-popover-background.png) no-repeat; width:245px; height:234px; position:absolute; overflow:hidden; }
- .button-popover .blog-item,
- .button-popover .item { border-bottom:1px solid #d2d2d2; width:220px; padding-bottom:8px; color:black; margin:14px; }
- .button-popover .blog-item A,
- .button-popover .item A { color:#F74B00; }
- .button-popover .blog-item:nth-child(n+5) ,
- .button-popover .item:nth-child(n+5) { display:none; }
- .button-popover .project-item { border-bottom:1px solid #d2d2d2; width:220px; padding-bottom:14px; margin:14px; color:black; }
- .button-popover .project-item A { color:#F74B00; }
- .button-popover .project:nth-child(n+5) { display:none; }
- .button-popover .person-item { border-bottom:1px solid #d2d2d2; width:220px; padding-bottom:8px; margin:8px; color:black; }
- .button-popover .person-item A { color:#F74B00; }
- .button-popover .person-item:nth-child(n+5) { display:none; }
- /* Share Popover */
- .share-popover { background: url(/images/share-unit-background.png) no-repeat; width:287px; height:267px; position:absolute; right:327px; bottom:24px; display:none }
- .share-popover H4 { font-size:16px; margin:16px; }
- .share-popover .container { margin:16px; }
- .share-popover .item { width:90px; height:28px; padding-left:35px; padding-top:8px; float:left; }
- .share-popover .facebook { background:url(/images/social-facebook-button.png) no-repeat; }
- .share-popover .twitter { background:url(/images/social-twitter-button.png) no-repeat; }
- .share-popover .linkedin { background:url(/images/social-linkedin-button.png) no-repeat; }
- .share-popover A { color:black; }
- .small-unit-with-left-arrow { width:406px; height:353px; top:160px; left:110px; position:absolute; color:black; }
- .small-unit-with-left-arrow .left { background: url(/images/unit-left-arrow.png) no-repeat; float:left; width:41px; height:inherit; }
- .small-unit-with-left-arrow .middle { background: url(/images/unit-middle-small.png) repeat-x; float:left; width:363px; height:inherit; }
- .small-unit-with-left-arrow .right { background: url(/images/unit-right-small.png) no-repeat; float:left; width:2px; height:inherit; }
- .small-unit-with-left-arrow .middle .close { background: url(/images/other/closebutton.png); width:16px; height:16px; position:absolute; right:4px; top:4px; }
- .small-unit-with-right-arrow { width:406px; height:353px; top:12px; left:110px; position:absolute; color:black; }
- .small-unit-with-right-arrow .left { background: url(/images/unit-left-small.png) no-repeat; float:left; width:2px; height:inherit; }
- .small-unit-with-right-arrow .middle { background: url(/images/unit-middle-small.png) repeat-x; float:left; width:363px; height:inherit; }
- .small-unit-with-right-arrow .right { background: url(/images/unit-right-arrow.png) no-repeat; float:left; width:41px; height:inherit; }
- .small-unit-with-right-arrow .middle .close { background: url(/images/other/closebutton.png); width:16px; height:16px; position:absolute; right:45px; top:4px; }
- /* Page specific unit styles */
- .notfound { height: 150px; margin-top: 150px; }
- .project-unit .middle .textarea { height: 278px; }
- .medewerker-unit .social { height:105px; padding-top:16px;}
- .medewerker-unit .social .facebook-button { background:url(/images/facebook-button.png); width:23px; height:23px; border:1px solid black; }
- .medewerker-unit .lefthalf { float:left; margin:10px; width:200px; }
- .medewerker-unit .righthalf { float:right; margin:10px; }
- .medewerker-unit .middle .textarea { width:444px; height: 278px; }
- .socialmedia-unit .news .large { margin-top:16px; height:170px; }
- .socialmedia-unit .news .small { margin-top:16px;}
- .socialmedia-unit .news H2 { font-weight:bold; color:#F74B00; }
- .socialmedia-unit .news .date {}
- .socialmedia-unit .news A { color:#F74B00; }
- .socialmedia-unit .tweets-background { background:url(/images/other/socialmedia-twitter-background.png) no-repeat; width:364px; height:323px; margin-left:-10px; }
- .socialmedia-unit .tweets { padding:25px 0 0 25px; }
- .socialmedia-unit .tweet { width:310px; height:60px; }
- .socialmedia-unit .tweet SPAN { color:black; }
- .socialmedia-unit .tweet { color:#999999; }
- .socialmedia-unit .tweet B { color:#F74B00; }
- .socialmedia-unit .tweet .username { color:#F74B00; }
- .socialmedia-unit .tweet .web { color:#F74B00; }
- .contact-unit .contact-left { width:50%; float:left; font-weight:bold; }
- .contact-unit .contact-right { width:50%; float:left; }
- .contact-unit .contact-right-noleft { margin-left:50%; width:50%; float:right;}
- .contact-unit .contact-block { width:100%; margin-top:16px; }
- .contact-unit .contact-block DIV { height: 32px; }
- .contact-unit .newsletter-field { background-color:white; border:1px solid #ff8400; padding:4px; width:190px; margin-bottom:10px; }
- .contact-unit H2 { margin-top:20px; }
- .contact-unit P { margin-top:20px; margin-bottom:10px; }
- .contact-unit #email
- {
- border:1px solid #F74B00;
- height:18px;
- width:175px;
- -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
- -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
- box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
- margin: 0 0 4px 0;
- }
- .contact-unit #aanmeldButton,
- .contact-unit #afmeldButton
- {
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- background-color:#F74B00;
- height:18px;
- width:100px;
- color:White;
- cursor:pointer;
- margin: 0 4px 8px 0;
- }
- .whitepapers-unit .scrollarea { margin-top:16px; width:335px; height:290px; overflow-y:scroll; overflow-x:hidden; padding:8px; }
- .whitepapers-unit .item { margin-bottom:12px; }
- .whitepapers-unit .item .line { margin-top:12px; border-bottom:1px solid #f95e00; }
- .whitepapers-unit .item IMG { width:51px; height:51px; float:left; margin-right:16px; border:0px; }
- .whitepapers-unit .item H2 { height:17px; }
- .whitepapers-unit .item .button { margin-top:6px; }
- .whitepapers-unit .middle .right { visibility:hidden; display:none; }
- .calendar-unit .scrollarea { margin-top:16px; width:335px; height:290px; overflow-y:scroll; overflow-x:hidden; padding:8px;}
- .calendar-unit .item { margin-bottom:12px; }
- .calendar-unit .item .line { margin-top:12px; border-bottom:1px solid #f95e00; }
- .calendar-unit .item .icon { width:66px; height:66px; float:left; margin-right:16px; border:0px; background:url(/images/icon-background.jpg) repeat-x; }
- .calendar-unit .item .icon .day { color:white; font-weight:bold; font-size:40px; text-align:center; }
- .calendar-unit .item .icon .month { color:white; text-align:center; }
- .calendar-unit .item H2 { height:17px; }
- .calendar-unit .item .button { margin-top:6px; }
- .calendar-unit .middle .right { visibility:hidden; display:none; }
- .search-unit .scrollarea { margin-top:16px; width:335px; height:290px; overflow-y:scroll; overflow-x:hidden; padding:8px; }
- .search-unit .item { margin-bottom:12px; }
- .search-unit .item .line { margin-top:12px; border-bottom:1px solid #f95e00; }
- .search-unit .item IMG { width:51px; height:51px; float:left; margin-right:16px; border:0px; }
- .search-unit .item H2 { height:17px; }
- .search-unit .item .button { margin-top:6px; }
- .search-unit .middle .right { visibility:hidden; display:none; }
- .search-unit { float:left; }
- .search-unit .input
- {
- border:1px solid #F74B00;
- height:18px;
- width:175px;
- -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
- -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
- box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
- }
- .search-unit .button
- {
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- background-color:#F74B00;
- height:18px;
- width:100px;
- color:White;
- cursor:pointer;
- }
- /* Sitemap */
- .sitemap { }
- .sitemap-button { background:url(/images/button-background.png); width:191px; height:45px; margin:0 auto; }
- .sitemap-button .label { width:191px; padding-top:28px; text-align:center; }
- .sitemap-button .label a { text-decoration:none; font-weight: bold; }
- .sitemap-background { background:url(/images/menu-background.png) repeat-x; height: 188px; }
- .sitemap-content { margin:0 auto; padding-top: 18px; color:white; width:938px; text-align:left; }
- .sitemap-content .left { float:left; width:13px; height:8px; background:url(/images/menu-orange-corner.png) no-repeat; }
- .sitemap-content UL { float:left; padding:0px; margin:0px; line-height:0px; width:91px; height:166px; }
- .sitemap-content H3 { line-height:0px; margin:0px; font-weight:bold; font-size:14px; }
- .sitemap-content LI { margin:0px; padding:0px; height:24px; list-style:none; }
- .sitemap-content .map { margin-left:35px; float:left; background:url(/images/sitemap/background.png) no-repeat; width:155px; height:165px; }
- /* Footer */
- .footer { position:absolute; bottom:0; z-index:10; width:100%; }
- .footer .fixed { background: #2e0a09 url(/images/footer-background.jpg) no-repeat center; height:33px; padding: 0 11px 0 11px; }
- .footer .breadcrumb { color:white; float:left; margin-top:10px;}
- .footer .contact { color:white; float:right; margin-top:10px; }
- .footer .contact DIV{ float:left; margin-left:11px; }
- .footer .button { height:16px; float:left; padding:0px; margin:0px; margin-right:6px; }
- .footer .button .left { background: url(/images/other/button-orange-left.png) no-repeat; float:left; width:2px; height:16px; margin: 0px;}
- .footer .button .middle { background: url(/images/other/button-orange-middle.png) repeat-x; float:left; width:auto; height:16px; margin: 0px; padding-left:4px; padding-right:4px;}
- .footer .button .right { background: url(/images/other/button-orange-right.png) no-repeat; float:left; width:2px; height:16px; margin: 0px;}
- /* Effects */
- .shadow { -webkit-box-shadow: 0 0 6px #aaa; }
- @media all and (max-device-width: 1024px) {
- BODY { margin:0; padding:0; }
- .still {
- margin:0;
- position:absolute;
- left:-150px;
- top:0;
- width:1280px;
- height:640px;
- overflow:hidden;
- }
- .logo {
- left: 150px;
- }
- }
Add Comment
Please, Sign In to add comment