/** * Site Navigation */ i.fa.fa-info.fa-lg { padding-left: 12px; padding-right: 18px; } .primary-nav ul, .primary-nav li { margin: 0; padding: 0; } .primary-nav .container > ul { display: inline-block; *display: inline; zoom: 1; } .primary-nav li { list-style: none; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .primary-nav { background-color: #8c1515; background-color: black; height: 60px; margin-top:7px; } .primary-nav ul { width: 100%; line-height: 4.25em; height: 4.25em; } .primary-nav ul:before, .primary-nav ul:after { content: " "; /* 1 */ display: table; /* 2 */ } .primary-nav ul:after { clear: both; } .primary-nav li { float: left; width: 50%; } .primary-nav a { color: #ffffff; font-size: 1.5em; } .primary-nav .logo { position: absolute; width:100%; margin-left: 12px; margin-top: -32px; z-index:9999; } .primary-nav .center-nav { float: left; } .primary-nav .left-nav, .primary-nav .right-nav { width: 35%; } .primary-nav .right-nav li{ float:right; } .primary-nav .left-nav a, .primary-nav .right-nav a { display: block; padding: 0 1em; text-align: center; text-decoration: none; } .primary-nav .left-nav a:hover, .primary-nav .right-nav a:hover, .primary-nav .left-nav a.active, .primary-nav .right-nav a.active { background-color: #7a1212; } .primary-nav .left-nav li.active a, .primary-nav .right-nav li.active a { background-color: #7a1212; } .primary-nav .left-nav { margin-left: 0px; float: left; } .primary-nav .right-nav { margin-right: 0px; float: right; } /** * Buttons */ a.btn.btn-primary.btn-md.side-button.warehouse-btn { width:auto; margin-left:0px; float:right; margin: 40px 5px 10px; font-size: 12px; padding: 13px 18px 15px; } .btn, .btn span { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; position: relative; z-index: 2; overflow: hidden; color: #ffffff; color: rgba(255, 255, 255, 0.45); text-transform: uppercase; text-decoration: none !important; font-family: "Myriad W08 Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif; display: inline-block; *display: inline; zoom: 1; padding: .77em 1em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; border: 1px solid #ffffff; border-color: rgba(255, 255, 255, 0.45); } .btn span { color: rgba(255, 255, 255, 0.45); } .btn:hover { border-color: #ffffff; color: #ffffff; } .btn:hover span { color: #ffffff; } .btn-workshop{ bottom: 30px; position: absolute } .btn-frontpage { bottom: 15px; position: absolute; background-color: rgb(98, 105, 113); word-spacing: 2px; } .btn-programs{ width:19.6%; font-size:12px; } a.btn.btn-primary.btn-md.mob-button { display:none; } a.btn.btn-support-mob.btn-primary.btn-md.side-button{ display:none; } a.btn.btn-support.btn-primary.btn-md.side-button{ width: 80%; margin: 12px 5%; border: none; } .final-report { background-color: #F4A235; border-color: #F4A235; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } /*Primary Navigation*/ .primary-nav{ position:fixed; z-index:9999; width:100%; margin-top:34px; max-width:2000px; border: 1px solid #212121; } /*Side Menu Navigation*/ .nav-side-menu { overflow: auto; font-family: verdana; font-size: 12px; font-weight: 200; background-color: #2e353d; position: fixed; top: 0px; width:14%; height: 100%; color: #e1ffff; max-width:280px; } .nav-side-menu .brand { background-color: #23282e; line-height: 25px; display: block; text-align: center; font-size: 15px; margin-top:102px; } .nav-side-menu .brand a { color: #e1ffff; text-decoration:none; } .nav-side-menu .brand_mobile{ margin-left:-5000px; width:0px; height:0px; } .nav-side-menu .toggle-btn { display: none; } .nav-side-menu ul, .nav-side-menu li { list-style: none; padding: 0px; margin: 0px; line-height: 35px; cursor: pointer; } .nav-side-menu ul :not(collapsed) .arrow:before, .nav-side-menu li :not(collapsed) .arrow:before { font-family: FontAwesome; content: "\f078"; display: inline-block; padding-left: 10px; padding-right: 10px; vertical-align: middle; float: right; } .nav-side-menu ul :not(collapsed) .right-arrow:before, .nav-side-menu li :not(collapsed) .right-arrow:before { font-family: FontAwesome; content: "\f054"; display: inline-block; padding-left: 10px; padding-right: 10px; vertical-align: middle; float: right; } .nav-side-menu ul .active, .nav-side-menu li .active { border-left: 3px solid #d19b3d; background-color: #4f5b69; } .nav-side-menu ul .sub-menu li.active, .nav-side-menu li .sub-menu li.active { color: #d19b3d; } .nav-side-menu ul .sub-menu li.active a, .nav-side-menu li .sub-menu li.active a { color: #d19b3d; } .nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li { background-color: #181c20; border: none; line-height: 28px; border-bottom: 1px solid #23282e; margin-left: 0px; } .nav-side-menu ul .sub-menu li:hover, .nav-side-menu li .sub-menu li:hover { background-color: #020203; } .nav-side-menu ul .sub-menu li:before, .nav-side-menu li .sub-menu li:before { font-family: FontAwesome; content: "\f105"; display: inline-block; padding-left: 10px; padding-right: 10px; vertical-align: middle; } .nav-side-menu li { padding-left: 0px; border-left: 3px solid #2e353d; border-bottom: 1px solid #23282e; } .nav-side-menu li a { text-decoration: none; color: #e1ffff; } .nav-side-menu li a i { padding-left: 10px; width: 20px; padding-right: 20px; } .nav-side-menu li:hover { border-left: 3px solid #d19b3d; background-color: #4f5b69; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .border-right{ border-right: 3px solid #d19b3d; border-left:3px solid transparent; } @media (max-width: 770px) { .nav-side-menu { position: relative; width: 100%; margin-bottom: 10px; } .nav-side-menu .toggle-btn { display: block; cursor: pointer; position: absolute; right: 10px; top: 10px; z-index: 10 !important; padding: 3px; background-color: #ffffff; color: #000; width: 40px; text-align: center; } .nav-side-menu .toggle-btn { display: block; cursor: pointer; position: relative; right: 10px; top: 10px; z-index: 10 !important; float: left; margin-top: -51px; margin-left: 20px; padding: 3px; background-color: #ffffff; color: #000; width: 40px; text-align: center; } .brand { text-align: left !important; font-size: 22px; padding-left: 20px; line-height: 50px !important; } } @media (min-width: 770px) { .nav-side-menu .menu-list .menu-content { display: block; } } /* Gallery */ .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { margin-top:0px; } #feature-banner{clear:both;position:relative; margin-top:98px; padding-left:7px; padding-right:7px;} #feature-banner .item a{border-bottom:none;text-decoration:none;color:#5f574f} #feature-banner .item img{margin:0;padding:0;} #feature-banner .item .carousel-caption{width:480px;position:absolute;bottom:18px;left:10px;top:inherit;right:inherit;text-align:left;text-shadow:none;color:inherit;padding:15px 20px} #feature-banner .item .carousel-caption h3{font-size:2.5em;font-weight:400;line-height:1em;letter-spacing:-1px;margin:0 0 10px 0} #feature-banner .item .carousel-caption p{color:#2e2d29;font-size:1.15em;line-height:1.3em;font-weight:400;text-shadow:none;margin-bottom:0} #feature-banner .item .carousel-caption .white{color:#fbfbf9} #feature-banner .item .carousel-caption .clay{color:#5f574f} #feature-banner .item .carousel-caption .sandstone{color:#ddcf99} #feature-banner .item .carousel-caption .sandstone50{color:#eee6cb} #feature-banner .item .carousel-caption .sandstone25{color:#f6f3e5} #feature-banner .item .carousel-caption .red{color:#8c1515} #feature-banner .item .carousel-caption.bg-dark{background-color:#2e2d29;opacity:.8} #feature-banner .item .carousel-caption.bg-white{background-color:#E9EAEA;opacity:.9} #feature-banner .item .carousel-caption.left-top{top:18px;bottom:inherit} #feature-banner .item .carousel-caption.right{right:18px;left:inherit} #feature-banner .item .carousel-caption.right-top{right:18px;left:inherit;top:18px;bottom:inherit} #feature-banner .item .videoblock{position:absolute;width:600px;height:339px;left:470px;top:45px;overflow:hidden;z-index:2} #feature-banner .item .video-container embed,#feature-banner .item .video-container object,#feature-banner .item .videoblock iframe{position:absolute;top:0;right:0;width:100%;height:100%;border:1px solid #d5d0c0} #feature-banner .carousel-indicators{bottom:-40px} #feature-banner .carousel-indicators li{position:relative;margin:3px;height:12px;width:12px;background-color:transparent;border:none} #feature-banner .carousel-indicators li.active button{background-color:#8c1515} #feature-banner .carousel-indicators li button{position:absolute;top:0;left:0;height:12px;width:12px;border-radius:50%;border:1px solid #8c1515;background-color:#fff;margin:2px;padding:0} #feature-banner .carousel-indicators li button:hover{background-color:#8c1515} #feature-banner .carousel-indicators li button:focus{outline-offset:0} /*#feature-banner .carousel-control{background:none repeat scroll 0 0 #2e2d29;border:none;border-radius:25px;color:#FFF;height:45px;left:15px;opacity:.5;top:43%;width:45px;text-decoration:none;font-size:2em}*/ #feature-banner .carousel-control { background: none repeat scroll 0 0 transparent; height: 45px; left: 15px; opacity: 0.9; top: 43%; width: 45px; text-decoration: none; font-size: 2em; } .carousel-control .icon-next, .carousel-control .icon-prev { font-size: 40px; margin-top: -23px; } #feature-banner .carousel-control.right{right:15px;left:auto} #feature-banner .carousel-control:focus{outline:2px solid #0098db} .gal { margin-left:-5000px; height:0px; width:0px; padding:0px; display:none; } #feature-banner .item .carousel-caption.right { right: 10px; left: inherit; } @media (max-width:770px){ #feature-banner{padding:0;margin-bottom:40px} #feature-banner a.left,#feature-banner a.right{top:80px} #feature-banner .carousel-control{display:none} #feature-banner .item img{width:100%} #feature-banner .item a{text-decoration:none} #feature-banner .carousel-indicators li{margin:0 12px} #feature-banner .carousel-indicators li button{width:20px;height:20px} #feature-banner .item .carousel-caption.bg-dark .white { color: #fbfbf9; width: 100%; } } @media (max-width:991px){ #feature-banner .item .carousel-caption{width:auto;left:0!important;bottom:0!important;right:inherit!important;top:inherit!important;position:relative;background-color:#f2f1eb;/*padding:1em 15px 1em*/} #feature-banner .item .carousel-caption .clay,#feature-banner .item .carousel-caption .red,#feature-banner .item .carousel-caption .sandstone,#feature-banner .item .carousel-caption .sandstone25,#feature-banner .item .carousel-caption .sandstone50,#feature-banner .item .carousel-caption .white{color:inherit} #feature-banner .item .carousel-caption h3{/*display:inline;*/text-transform:uppercase;letter-spacing:0;font-size:1.1em;font-weight:600;margin-right:.4em;color:#820000} #feature-banner .item .carousel-caption h3.clay,#feature-banner .item .carousel-caption h3.red,#feature-banner .item .carousel-caption h3.sandstone,#feature-banner .item .carousel-caption h3.sandstone25,#feature-banner .item .carousel-caption h3.sandstone50,#feature-banner .item .carousel-caption h3.white{color:#820000} #feature-banner .item .carousel-caption p{/*display:inline;*/font-weight:400;font-size:14px;line-height:1.6} #feature-banner .item .carousel-caption.bg-dark .clay,#feature-banner .item .carousel-caption.bg-dark .red,#feature-banner .item .carousel-caption.bg-dark .sandstone,#feature-banner .item .carousel-caption.bg-dark .sandstone25,#feature-banner .item .carousel-caption.bg-dark .sandstone50,#feature-banner .item .carousel-caption.bg-dark .white{color:#fbfbf9} #feature-banner .item .videoblock{top:0;left:auto;right:0;width:75%;height:279px} #feature-banner .carousel-control { background: none repeat scroll 0 0 transparent; height: 45px; left: 15px; opacity: 0.9; top: 43%; width: 45px; text-decoration: none; font-size: 2em; } } @media (min-width:770px)and (max-width:991px){ #feature-banner .item img{width:100%} #feature-banner .carousel-control{left:20px} #feature-banner .carousel-control.right{right:20px} #feature-banner .carousel-control { background: none repeat scroll 0 0 transparent; height: 45px; left: 15px; opacity: 0.9; top: 43%; width: 45px; text-decoration: none; font-size: 2em; } #feature-banner .item .carousel-caption.bg-dark .white { color: #fbfbf9; width: 90%; } } @media (min-width:992px)and (max-width:1199px){ #feature-banner .item img{ width: 100% } #feature-banner .item .carousel-caption{width:400px} #feature-banner .item .carousel-caption h3{font-size:2em} #feature-banner .item .carousel-caption p{font-size:1.1em;line-height:1.4em} #feature-banner .item .carousel-caption.right,#feature-banner .item .carousel-caption.right-top{right:-10px} #feature-banner .item .carousel-caption.video-caption{width:300px;left:60px;bottom:30px} #feature-banner .item .videoblock{width:480px;height:270px;left:390px;top:50px} #feature-banner .carousel-control { background: none repeat scroll 0 0 transparent; height: 45px; left: 15px; opacity: 0.9; top: 43%; width: 45px; text-decoration: none; font-size: 2em; } } @media (min-width:1200px){ #feature-banner .item .carousel-caption.video-caption{width:400px;left:60px;bottom:40px} } /* Feature-Banner-2 Carousel #2 */ #feature-banner2{clear:both;position:relative; margin-top:98px; padding-left:7px; padding-right:7px;} #feature-banner2 .item a{border-bottom:none;text-decoration:none;color:#5f574f} #feature-banner2 .item img{margin:0;padding:0;} #feature-banner2 .item .carousel-caption{width:480px;position:absolute;bottom:18px;left:10px;top:inherit;right:inherit;text-align:left;text-shadow:none;color:inherit;padding:15px 20px} #feature-banner2 .item .carousel-caption h3{font-size:2.5em;font-weight:400;line-height:1em;letter-spacing:-1px;margin:0 0 10px 0} #feature-banner2 .item .carousel-caption p{color:#2e2d29;font-size:1.15em;line-height:1.3em;font-weight:400;text-shadow:none;margin-bottom:0} #feature-banner2 .item .carousel-caption .white{color:#fbfbf9} #feature-banner2 .item .carousel-caption .clay{color:#5f574f} #feature-banner2 .item .carousel-caption .sandstone{color:#ddcf99} #feature-banner2 .item .carousel-caption .sandstone50{color:#eee6cb} #feature-banner2 .item .carousel-caption .sandstone25{color:#f6f3e5} #feature-banner2 .item .carousel-caption .red{color:#8c1515} #feature-banner2 .item .carousel-caption.bg-dark{background-color:#2e2d29;opacity:.8} #feature-banner2 .item .carousel-caption.bg-white{background-color:#E9EAEA;opacity:.9} #feature-banner2 .item .carousel-caption.left-top{top:18px;bottom:inherit} #feature-banner2 .item .carousel-caption.right{right:18px;left:inherit} #feature-banner2 .item .carousel-caption.right-top{right:18px;left:inherit;top:18px;bottom:inherit} #feature-banner2 .item .videoblock{position:absolute;width:600px;height:339px;left:470px;top:45px;overflow:hidden;z-index:2} #feature-banner2 .item .video-container embed,#feature-banner2 .item .video-container object,#feature-banner2 .item .videoblock iframe{position:absolute;top:0;right:0;width:100%;height:100%;border:1px solid #d5d0c0} #feature-banner2 .carousel-indicators{bottom:-40px} #feature-banner2 .carousel-indicators li{position:relative;margin:3px;height:12px;width:12px;background-color:transparent;border:none} #feature-banner2 .carousel-indicators li.active button{background-color:#8c1515} #feature-banner2 .carousel-indicators li button{position:absolute;top:0;left:0;height:12px;width:12px;border-radius:50%;border:1px solid #8c1515;background-color:#fff;margin:2px;padding:0} #feature-banner2 .carousel-indicators li button:hover{background-color:#8c1515} #feature-banner2 .carousel-indicators li button:focus{outline-offset:0} /*#feature-banner .carousel-control{background:none repeat scroll 0 0 #2e2d29;border:none;border-radius:25px;color:#FFF;height:45px;left:15px;opacity:.5;top:43%;width:45px;text-decoration:none;font-size:2em}*/ #feature-banner2 .carousel-control { background: none repeat scroll 0 0 transparent; height: 45px; left: 15px; opacity: 0.9; top: 43%; width: 45px; text-decoration: none; font-size: 2em; } .carousel-control .icon-next, .carousel-control .icon-prev { font-size: 40px; margin-top: -23px; } #feature-banner2 .carousel-control.right{right:15px;left:auto} #feature-banner2 .carousel-control:focus{outline:2px solid #0098db} .gal { margin-left:-5000px; height:0px; width:0px; padding:0px; display:none; } #feature-banner2 .item .carousel-caption.right { right: 10px; left: inherit; } @media (max-width:770px){ #feature-banner2{padding:0;margin-bottom:40px} #feature-banner2 a.left,#feature-banner2 a.right{top:80px} #feature-banner2 .carousel-control{display:none} #feature-banner2 .item img{width:100%} #feature-banner2 .item a{text-decoration:none} #feature-banner2 .carousel-indicators li{margin:0 12px} #feature-banner2 .carousel-indicators li button{width:20px;height:20px} #feature-banner2 .item .carousel-caption.bg-dark .white { color: #fbfbf9; width: 100%; } } @media (max-width:991px){ #feature-banner2 .item .carousel-caption{width:auto;left:0!important;bottom:0!important;right:inherit!important;top:inherit!important;position:relative;background-color:#f2f1eb;/*padding:1em 15px 1em*/} #feature-banner2 .item .carousel-caption .clay,#feature-banner2 .item .carousel-caption .red,#feature-banner2 .item .carousel-caption .sandstone,#feature-banner2 .item .carousel-caption .sandstone25,#feature-banner2 .item .carousel-caption .sandstone50,#feature-banner2 .item .carousel-caption .white{color:inherit} #feature-banner2 .item .carousel-caption h3{/*display:inline;*/text-transform:uppercase;letter-spacing:0;font-size:1.1em;font-weight:600;margin-right:.4em;color:#820000} #feature-banner2 .item .carousel-caption h3.clay,#feature-banner2 .item .carousel-caption h3.red,#feature-banner2 .item .carousel-caption h3.sandstone,#feature-banner2 .item .carousel-caption h3.sandstone25,#feature-banner2 .item .carousel-caption h3.sandstone50,#feature-banner2 .item .carousel-caption h3.white{color:#820000} #feature-banner2 .item .carousel-caption p{/*display:inline;*/font-weight:400;font-size:14px;line-height:1.6} #feature-banner2 .item .carousel-caption.bg-dark .clay,#feature-banner2 .item .carousel-caption.bg-dark .red,#feature-banner2 .item .carousel-caption.bg-dark .sandstone,#feature-banner2 .item .carousel-caption.bg-dark .sandstone25,#feature-banner2 .item .carousel-caption.bg-dark .sandstone50,#feature-banner2 .item .carousel-caption.bg-dark .white{color:#fbfbf9} #feature-banner2 .item .videoblock{top:0;left:auto;right:0;width:75%;height:279px} #feature-banner2 .carousel-control { background: none repeat scroll 0 0 transparent; height: 45px; left: 15px; opacity: 0.9; top: 43%; width: 45px; text-decoration: none; font-size: 2em; } } @media (min-width:770px)and (max-width:991px){ #feature-banner2 .item{min-width:724px;max-width:724px;width:724px}#feature-banner2 .item img{max-width:724px} #feature-banner2 .carousel-control{left:20px} #feature-banner2 .carousel-control.right{right:20px} #feature-banner2 .carousel-control { background: none repeat scroll 0 0 transparent; height: 45px; left: 15px; opacity: 0.9; top: 43%; width: 45px; text-decoration: none; font-size: 2em; } #feature-banner2 .item .carousel-caption.bg-dark .white { color: #fbfbf9; width: 90%; } } @media (min-width:992px)and (max-width:1199px){ #feature-banner2 .item{min-width:940px;max-width:940px;width:940px} #feature-banner2 .item img{width:970px} #feature-banner2 .item .carousel-caption{width:400px} #feature-banner2 .item .carousel-caption h3{font-size:2em} #feature-banner2 .item .carousel-caption p{font-size:1.1em;line-height:1.4em} #feature-banner2 .item .carousel-caption.right,#feature-banner2 .item .carousel-caption.right-top{right:-10px} #feature-banner2 .item .carousel-caption.video-caption{width:300px;left:60px;bottom:30px} #feature-banner2 .item .videoblock{width:480px;height:270px;left:390px;top:50px} #feature-banner2 .carousel-control { background: none repeat scroll 0 0 transparent; height: 45px; left: 15px; opacity: 0.9; top: 43%; width: 45px; text-decoration: none; font-size: 2em; } } @media (min-width:1200px){ #feature-banner2 .item .carousel-caption.video-caption{width:400px;left:60px;bottom:40px} } /* Proposals */ .proposals{ margin: 97px 7% 3% 7%; } .template{ background-color: orange; height: 85px; width: 250px; border: 1px solid #b35f0f; text-align: center; vertical-align: middle; /* line-height: 170px; */ margin: 15px; font-size: 16px; padding-top: 20px; background:url(../img/images/15x15_bg_pattern_o2.jpg); border-radius:5px; } .col-lg-4.template { opacity: 0.8; } a .col-lg-4.template p { color: black; font-size: 18px; margin: -2px 10px; } .col-lg-4.template:hover { opacity: 1; } /* Images */ .img-responsive { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } video{ display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; margin-bottom:40px; } .logo-transparent { background-image: url(http://kiss.caltech.edu/graphics/logos/checked-bg.png); display: block; max-height: 100%; margin-bottom: 5px; width: auto; } .img-techdev{ max-width:400px; height:auto; } .thumbnail img.workshop_image{ max-width:500px; height:auto; margin-bottom:10px; } img.img-responsive.mj { float: left; margin-right: 30px; margin-bottom: 10px; width: 200px; height: auto; } img.img-responsive.postdoc { float: right; width: 200px; height: auto; margin-left: 20px; margin-bottom: 20px; } .covid-19 { background-color: orange; background-color:#F4A235; margin-bottom:25px; } .covid-announcement p { font-size: 16px; } .covid-announcement { padding: 20px 0px; } .panel-heading.no-arrow a:after { display:none; } span.covid-alert { color: #0089ff; } .panel-heading.no-arrow { /*background-color: #F4A235!important;*/ background-color: white!important; border-radius: 4px; } .panel.panel-default.panel-covid-19 { border: 5px solid #f59e00; } a.btn.btn-primary.btn-sm.btn-frontpage.btn-right { margin-left: 140px; } /* Warehouse */ .w_section { background-color: white; padding: 0px 0px 12px; } .w_section h4.page-header { background-color: orange; padding-left: 15px; } .w_section ul li { /* border-bottom: 1px solid grey; */ border-top: 1px solid grey; margin-right: 40px; padding:1px; } .w_section ul li:last-child { border-bottom: 1px solid grey; } p.w_title { color: black; font-weight: 500; background-color: #cecdcd; /* text-align: right; */ margin-right: 40px; padding: 5px; margin-left: 40px; padding-bottom: 5px; margin-bottom: -1px; margin-top: 20px; /*margin-bottom: 18px;*/ } .lectures p.w_title { padding-bottom: 7px; } h3.page-header.warehouse { margin-bottom: 0px; } ul.presentations_warehouse { color: black; margin-top: 15px; } .thumbnail.w-pr { padding: 30px 10px; } /* Search */ .form-group{ margin-top:-40px; } .btn, .btn span { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .srch{ color: #333; background-color: #fff; border-color: #fff; } .srch{ display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .input-group-btn :hover{ color:black; background-color:grey; } .form-control { border: 1px solid grey; } /* Calendar */ /* --- functional styling */ .dzscalendar { box-sizing: content-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } .dzscalendar * { box-sizing: content-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } .dzscalendar .mon-row > span { white-space: nowrap; } .dzscalendar { position: relative; width: 100%; height: 165px; transition-property: height; transition-duration: 0.3s; transition-timing-function: ease-out; -moz-transition-property: height; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: height; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: height; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; -ms-transition-property: height; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; } .dzscalendar .main-mon, .dzscalendar .mon-body, .dzscalendar .mon-body > .mon-row { position: relative; } .dzscalendar .events { display: none; } .dzscalendar .calendar-controls { position: relative; } .dzscalendar .theMonths { position: relative; } .dzscalendar .theMonths > * { position: absolute; top: 0; left: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } /* --- cal styling */ .dzscalendar { font-family: 'Carrois Gothic', "Helvetica Neue", Helvetica, Arial, sans-serif; } .dzscalendar .testimonial span { font-size: 2.5em; font-family: Courier New, Arial; font-style: italic; line-height: 1em; color: #555; } .dzscalendar .testimonial .the-author { font-size: 1em; font-family: Courier New, Arial; font-style: italic; color: #aaa; margin-top: 10px; } .dzscalendar .week-day { padding-top: 0; padding-bottom: 0; text-align: center; font-size: 12px; width: 14.26%; /*width: calc(100%/7);*/ display: inline-block; } .dzscalendar .week-day .the-event-content { display: none; } .dzscalendar .main-mon .week-day.tag-red { background-color: red; color: #fff; } .dzscalendar .main-mon .week-day.tag-important { background-color: #ae1919; color: #fff; } .dzscalendar .main-mon .week-day.tag-blue { background-color: #2f96b4; color: #fff; } .dzscalendar .hasEvent, .dzscalendar .hasEventForHover { color: #6fb6ce; cursor: pointer; font-weight: bold; } .dzscalendar .label { color: #111; } .dzscalendar.mode-datepicker .main-mon .mon-body .week-day { cursor: pointer; } .dzscalendar .main-mon .other-months-date { opacity: 0.3; filter: alpha(opacity=30); } .dzscalendar .past-date { opacity: 0.5; filter: alpha(opacity=50); } .dzscalendar .calendar-controls { min-height: 27px; width: 100%; } .dzscalendar .calendar-controls .arrow-left { position: absolute; top: 1px; left: 10px; background: transparent no-repeat center center url(../new_website/css/img/arrowline-left-simple.png); width: 15px; height: 16px; cursor: pointer; } .dzscalendar .calendar-controls .arrow-right { position: absolute; top: 1px; right: 10px; background: transparent no-repeat center center url(../new_website/css/img/arrowline-right-simple.png); width: 15px; height: 16px; cursor: pointer; } .dzscalendar .calendar-controls .curr-date { text-align: center; padding-top: 0px; } .dzscalendar .calendar-controls .curr-month { margin-right: 15px; } .dzscalendar .calendar-controls .curr-year { color: #aaa; } .dzscalendar .theMonths, .dzscalendar .calendar-controls { width: 100%; marign-top: 0; } .dzscalendar .theMonths { width: 100%; height: 151px; overflow: hidden; marign-top: 0; } .dzscalendar .slideDescription { position: absolute; top: 0; left: 0; text-align: left; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } .dzscalendar .slideDescription .desc-close-button { position: absolute; top: 10px; right: 5px; text-align: center; padding: 1px 7px; border: 1px solid white; border-radius: 20px; font-family: arial, serif; cursor: pointer; } /*=== the DZS tooltip --> */ .dzscalendar .dzstooltip { position: absolute; opacity: 0; z-index: 576; text-align: left; transition-property: height; transition-duration: 0.3s; transition-timing-function: ease-out; -moz-transition-property: height; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: height; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: height; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; -ms-transition-property: height; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; } .dzstooltip span.label { font-weight: bold; } .dzstooltip > div { padding-bottom: 10px; } .dzstooltip > div > h5 { font-size: 1.25em; font-weight: normal; margin-top: 7px; margin-bottom: 10px; } .dzscalendar .aux-transition-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; perspective: 1600px; -webkit-perspective: 1600px; } .dzscalendar .aux-transition { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transition-property: transform; transition-duration: 0.8s; transition-timing-function: ease-out; -moz-transition-property: transform; -moz-transition-duration: 0.8s; -moz-transition-timing-function: ease-out; -webkit-transition-property: transform; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease-out; -o-transition-property: transform; -o-transition-duration: 0.8s; -o-transition-timing-function: ease-out; -ms-transition-property: transform; -ms-transition-duration: 0.8s; -ms-transition-timing-function: ease-out; } .dzscalendar .aux-transition > * { backface-visibility: hidden; -webkit-backface-visibility: hidden; } .dzscalendar .aux-transition > .theMonths { transform-origin: 50% 0; transform-style: preserve-3d; -webkit-transform-origin: 50% 0; -webkit-transform-style: preserve-3d; transition-property: transform; transition-duration: 0.8s; transition-timing-function: ease-out; -moz-transition-property: transform; -moz-transition-duration: 0.8s; -moz-transition-timing-function: ease-out; -webkit-transition-property: transform; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease-out; -o-transition-property: transform; -o-transition-duration: 0.8s; -o-transition-timing-function: ease-out; -ms-transition-property: transform; -ms-transition-duration: 0.8s; -ms-transition-timing-function: ease-out; } .dzscalendar .aux-transition > .calendar-controls { transform: rotateX(-180deg); transform-origin: 50% 100%; transform-style: preserve-3d; -webkit-transform: rotateX(-180deg); -webkit-transform-origin: 50% 100%; -webkit-transform-style: preserve-3d; transition-property: transform; transition-duration: 0.8s; transition-timing-function: ease-out; -moz-transition-property: transform; -moz-transition-duration: 0.8s; -moz-transition-timing-function: ease-out; -webkit-transition-property: transform; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease-out; -o-transition-property: transform; -o-transition-duration: 0.8s; -o-transition-timing-function: ease-out; -ms-transition-property: transform; -ms-transition-duration: 0.8s; -ms-transition-timing-function: ease-out; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .dzscalendar .aux-transition.dzsflipped > .theMonths { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); } .dzscalendar .aux-transition.dzsflipped > .calendar-controls { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); box-shadow: 0 0 3px 0 transparent; } .dzscalendar .aux-transition.backward > .theMonths { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); } .dzscalendar .aux-transition.backward > .calendar-controls { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); } .dzscalendar .aux-transition.backward.dzsflipped > .theMonths { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); } .dzscalendar .aux-transition.backward.dzsflipped > .calendar-controls { transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); } .dzscalendar.skin-other .testimonial span { font-size: 1em; } .dzscalendar.skin-other .testimonial .the-author { font-size: 1em; font-family: Courier New, Arial; font-style: italic; color: #aaa; margin-top: 0px; } .dzscalendar.skin-black .testimonial span { font-size: 1em; } .dzscalendar.skin-black .testimonial .the-author { font-size: 1em; font-family: Courier New, Arial; font-style: italic; color: #aaa; margin-top: 0px; } .dzscalendar.skin-black { background: #222; color: #fff; padding: 7px 3px 12px; border-radius: 5px; } .dzscalendar.skin-black .calendar-controls .arrow-left { position: absolute; top: 1px; left: 10px; background: transparent no-repeat center center url(../new_website/css/img/arrowline-left-simple.png); width: 15px; height: 16px; cursor: pointer; } .dzscalendar.skin-black .calendar-controls .arrow-right { position: absolute; top: 1px; right: 10px; background: transparent no-repeat center center url(../new_website/css/img/arrowline-right-simple.png); width: 15px; height: 16px; cursor: pointer; } .dzscalendar.skin-aurora { width: 100%; height: 230px; color: #333; } .dzscalendar.skin-aurora .calendar-controls { background: #333; color: #fff; padding-top: 6px; } .dzscalendar.skin-aurora .calendar-controls .curr-date { padding-top: 5px; padding-bottom: 8px; } .dzscalendar.skin-aurora .theMonths { height: auto; background: #fff; border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); /* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */ } .dzscalendar.skin-aurora .theMonths > * { position: absolute; top: 0; left: 0; } .dzscalendar.skin-aurora .mon-row:first-child .week-day { border-top: 1px solid rgba(0, 0, 0, 0.2); } .dzscalendar.skin-aurora .week-day { background-color: #e5e5e5; opacity: 0.75; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ border-right: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-size: 11px; text-align: center; font-family: Arial, sans-serif; padding: 3px 7px; } .dzscalendar.skin-aurora .week-day:last-child { border-right: 0px solid rgba(0, 0, 0, 0.2); } .dzscalendar.skin-aurora .hasEvent, .dzscalendar.skin-aurora .hasEventForHover { color: #ae1919; font-weight: normal; } .dzscalendar.skin-aurora .main-mon .today-date { font-weight: bold; } .dzscalendar.skin-aurora .main-mon .other-months-date { opacity: 0.3; filter: alpha(opacity=30); } .dzscalendar.skin-aurora .main-mon .curr-months-date { position: relative; } .dzscalendar.skin-aurora .main-mon .past-date { opacity: 0.5; filter: alpha(opacity=50); } .dzscalendar.skin-aurora .headerRow .week-day { background: #f6f6f6; font-size: 8px; border: 0; box-shadow: none; } .dzscalendar.skin-aurora .calendar-controls .arrow-left, .dzscalendar.skin-aurora .calendar-controls .arrow-right { position: absolute; /* top: -2px; */ left: 15px; /* background: transparent no-repeat center center url(http://www.clker.com/cliparts/c/3/0/7/12456877162087486429Soeb_Plain_Arrow_7.svg.med.png); */ /* width: 15px; */ font-size: 26px; /* height: 30px; */ cursor: pointer; } .dzscalendar.skin-aurora .calendar-controls .arrow-right { left: auto; right: 10px; /*background: transparent no-repeat center center url(img/arrowright.png); */ content: '\203a'; color: white; } .dzscalendar.skin-aurora .calendar-controls .arrow-right:before { content: '\203a'; } .dzscalendar.skin-aurora .calendar-controls .arrow-left:before { content: '\2039'; } /*====== ========skin-responsive */ .dzscalendar.skin-responsive { margin-top: 15px; margin-bottom: 20px; width: 100%; height: auto; } .dzscalendar.skin-responsive .calendar-controls { margin-bottom: 8px; } .dzscalendar.skin-responsive .theMonths { height: auto; } .dzscalendar.skin-responsive .theMonths > * { width: 100%; position: relative; } .dzscalendar.skin-responsive .main-mon .week-day { width: 14%; height: 30px; border-left: 1px solid rgba(0, 0, 0, 0.1); } .dzscalendar.skin-responsive .main-mon .mon-row .week-day:first-child { border-left: 0px solid rgba(0, 0, 0, 0.1); } .dzscalendar.skin-responsive .calendar-controls .arrow-left { left: 35px; } .dzscalendar.skin-responsive .calendar-controls .arrow-right { right: 25px; } /*========================================================== ========skin-responsive-galileo ================================================================= */ .dzscalendar-con.skin-responsive-galileo { box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.2); } .dzscalendar.skin-responsive-galileo { margin-top: 15px; margin-bottom: 20px; width: 100%; height: auto; color: #222; transition-property: height; transition-duration: 0.8s; transition-timing-function: ease-out; -moz-transition-property: height; -moz-transition-duration: 0.8s; -moz-transition-timing-function: ease-out; -webkit-transition-property: height; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease-out; -o-transition-property: height; -o-transition-duration: 0.8s; -o-transition-timing-function: ease-out; -ms-transition-property: height; -ms-transition-duration: 0.8s; -ms-transition-timing-function: ease-out; } .dzscalendar.skin-responsive-galileo .calendar-controls { margin-bottom: 8px; } .dzscalendar.skin-responsive-galileo .theMonths { height: auto; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } .dzscalendar.skin-responsive-galileo .theMonths > * { width: 100%; position: relative; } .dzscalendar.skin-responsive-galileo .past-date { color: rgba(0, 0, 0, 0.5); opacity: 1; } .dzscalendar.skin-responsive-galileo .headerRow { background: #ba5e5e; color: #eee; } .dzscalendar.skin-responsive-galileo .headerRow .week-day { padding: 5px 0; } .dzscalendar.skin-responsive-galileo .mon-row.separator { height: 20px; } .dzscalendar.skin-responsive-galileo .theMonths { background: white; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } .dzscalendar.skin-responsive-galileo .main-mon .mon-body .mon-row { border-top: 1px solid rgba(0, 0, 0, 0.1); } .dzscalendar.skin-responsive-galileo .main-mon .mon-body .mon-row:empty { display: none; } .dzscalendar.skin-responsive-galileo .main-mon .mon-body .mon-row:first-child { border-top: 0px solid rgba(0, 0, 0, 0.1); } .dzscalendar.skin-responsive-galileo .main-mon .mon-body .week-day { width: 14%; height: 50px; border-left: 1px solid rgba(0, 0, 0, 0.1); vertical-align: bottom; text-align: right; font-size: 14px; font-size: 0.8rem; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ position: relative; } .dzscalendar.skin-responsive-galileo .main-mon .week-day > span { position: absolute; right: 4px; bottom: 0; } .dzscalendar.skin-responsive-galileo .main-mon .mon-row .week-day:first-child { border-left: 0px solid rgba(0, 0, 0, 0.1); } .dzscalendar.skin-responsive-galileo .calendar-controls .arrow-left { left: 35px; } .dzscalendar.skin-responsive-galileo .calendar-controls .arrow-right { right: 25px; } .dzscalendar.skin-responsive-galileo .calendar-controls { height: 350px; background: #eee; margin-bottom: 0; } .dzscalendar.skin-responsive-galileo .calendar-controls .month-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; } .dzscalendar.skin-responsive-galileo .curr-date { color: #eee; position: absolute; right: 40px; bottom: 40px; font-size: 22px; border: 2px solid rgba(255, 255, 255, 0.5); padding: 15px 20px; text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.3); } .dzscalendar.skin-responsive-galileo .curr-date > * { color: #eee; } .dzscalendar.skin-responsive-galileo .calendar-controls .arrow-left { position: absolute; left: 10px; opacity: 0.5; top: auto; bottom: 40px; background: transparent no-repeat center center url(../new_website/css/img/arrowleft-galileo.png); width: 50px; height: 50px; cursor: pointer; } .dzscalendar.skin-responsive-galileo .calendar-controls .arrow-left:hover { opacity: 0.7; } .dzscalendar.skin-responsive-galileo .calendar-controls .arrow-right { position: absolute; left: auto; right: 0px; opacity: 0.5; top: auto; bottom: 40px; background: transparent no-repeat center center url(../new_website/css/img/arrowright-galileo.png); width: 50px; height: 50px; cursor: pointer; } .dzscalendar.skin-responsive-galileo .calendar-controls .arrow-right:hover { opacity: 0.7; } .dzscalendar.skin-responsive-galileo.under-480 .curr-date { font-size: 13px; } .dzscalendar.skin-responsive-galileo.under-240 .main-mon .week-day { width: 14%; height: 30px; font-size: 12px; font-size: 0.6rem; } .dzscalendar.skin-responsive-galileo.under-240 .curr-date { font-size: 10px; } .dzscalendar.skin-responsive-galileo.under-240 .calendar-controls { height: 230px; } .non-animation { transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; } .event-receiver { background: #fff; border: 1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ padding: 10px 15px; border-radius: 0; color: #888; } .dzscal-blog-event { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } .dzscal-blog-event * { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } .dzscal-blog-event .dzscal-date-con { float: left; width: 70px; margin-right: 30px; background: #cb1919; text-align: center; color: #fff; padding: 18px 10px; font-family: Courier New, Arial; } .dzscal-blog-event .dzscal-date-con .date-con--date { font-size: 30px; margin-bottom: 3px; } .dzscal-blog-event .dzscal-date-con .date-con--month { font-size: 15px; opacity: 0.7; } .dzscal-blog-event:after { display: block; clear: both; content: " "; } /* ========= TOOLTIP STYING projects where this is used - dzs calendar, dzs zoomsounds ========== */ /* --- functional styling */ .dzstooltip-con.js { position: relative; } .dzstooltip-con .dzstooltip { position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-out; -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; } .with-tooltip { position: relative; display: inline-block; } /* --- estethic styling */ .with-tooltip > .dzstooltip, .dzstooltip { background: #fafafa; border: 1px solid rgba(0, 0, 0, 0.3); padding: 7px 12px; color: #111111; opacity: 0; visibility: hidden; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-out; -moz-transition-property: all; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: all; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; -ms-transition-property: all; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .dzstooltip { opacity: 1; visibility: visible; display: inline-block; } .dzstooltip { position: relative; } .with-tooltip > .dzstooltip { position: absolute; top: auto; bottom: 150%; overflow: visible; left: -10px; color: #111111; } .interactive .with-tooltip > .dzstooltip { pointer-events: auto; } .with-tooltip:hover .dzstooltip, .dzstooltip.active { visibility: visible; opacity: 1; bottom: 140%; top: auto; } .with-tooltip .aux-padder { position: absolute; top: -10px; height: 15px; left: -12px; width: 30px; } /* -- arrows -> functional + estethic*/ .with-tooltip > .dzstooltip:after, .dzstooltip:after, .with-tooltip > .dzstooltip:before, .dzstooltip:before { border: solid transparent; position: absolute; pointer-events: none; content: " "; height: 0; width: 0; } .with-tooltip > .dzstooltip:after, .dzstooltip:after, .with-tooltip > .dzstooltip:before, .dzstooltip:before { top: 100%; } /*====arrows position=*/ .with-tooltip > .dzstooltip:before, .dzstooltip:before { border-color: rgba(194, 225, 245, 0); border-width: 6px; } .with-tooltip > .dzstooltip:before, .dzstooltip:before { border-top-color: rgba(0, 0, 0, 0.3); left: 12.5px; margin-left: -2.5px; } .with-tooltip > .dzstooltip:after, .dzstooltip:after { border-color: rgba(136, 183, 213, 0); border-width: 5px; } .with-tooltip > .dzstooltip:after, .dzstooltip:after { border-top-color: #fafafa; left: 12.5px; margin-left: -2.5px; } .with-tooltip.arrow-left > span:first-child { box-shadow: 0 0 0 0; } .with-tooltip.arrow-left > span:first-child { left: 200%; right: auto; bottom: auto; top: 0px; } .with-tooltip.arrow-left > span:first-child:after, .dzstooltip.arrow-left:after, .with-tooltip.arrow-left > span:first-child:before, .dzstooltip.arrow-left:before { top: 0%; } .with-tooltip.arrow-left > span:first-child:after, .dzstooltip.arrow-left:after { border-width: 5px; border-color: transparent transparent transparent transparent; border-right-color: transparent; top: 10px; margin: 0 0 0 0; left: -10px; margin-top: -5px; } /*====the big arrow pointer*/ .with-tooltip.arrow-left > span:first-child:before, .dzstooltip.arrow-left:before { border-width: 6px; border-color: transparent transparent transparent transparent; border-right-color: rgba(0, 0, 0, 0.3); top: 10px; left: -10px; margin-top: -6px; z-index: 0; } .with-tooltip.arrow-right > span:first-child { box-shadow: 0 0 0 0; min-width: 100px; } .with-tooltip.arrow-right > span:first-child { left: auto; right: 200%; bottom: auto; top: 0px; } .arrow-right.with-tooltip:hover span:first-child, .dzstooltip.arrow-right.active { left: auto; right: 150%; bottom: auto; top: 0px; } .with-tooltip.arrow-right > span:first-child:after, .dzstooltip.arrow-right:after, .with-tooltip.arrow-right > span:first-child:before, .dzstooltip.arrow-right:before { top: 0%; } .with-tooltip.arrow-right > span:first-child:after, .dzstooltip.arrow-right:after { border-width: 5px; border-color: transparent transparent transparent transparent; border-left-color: transparent; top: 9px; margin: 0 0 0 0; left: auto; right: -10px; margin: 0 0 0 0; margin-top: -5px; } .with-tooltip.arrow-right > span:first-child:before, .dzstooltip.arrow-right:before { border-width: 8px; border-color: transparent transparent transparent transparent; border-left-color: rgba(0, 0, 0, 0.3); top: 9px; left: auto; right: -16px; margin: 0 0 0 0; margin-top: -8px; } /* margin:0 0 0 0; */ .with-tooltip.arrow-top > span:first-child { top: auto; bottom: auto; top: 150%; min-width: 75px; } .arrow-top.with-tooltip:hover span:first-child, .dzstooltip.arrow-top.active { left: auto; top: auto; bottom: auto; top: 100%; margin-top: 5px; } .with-tooltip.arrow-top > span:first-child:after, .dzstooltip.arrow-top:after, .with-tooltip.arrow-top > span:first-child:before, .dzstooltip.arrow-top:before { top: 0%; } .with-tooltip.arrow-top > span:first-child:before, .dzstooltip.arrow-top:before { left: auto; right: auto; top: auto; bottom: auto; border-color: transparent transparent transparent transparent; border-bottom-color: rgba(0, 0, 0, 0.3); left: 20%; top: auto; bottom: 100%; margin-top: -8px; margin-left: -2.5px; } .with-tooltip.arrow-top > span:first-child:after, .dzstooltip.arrow-top:after { left: auto; right: auto; top: auto; bottom: auto; border-width: 5px; border-color: transparent transparent transparent transparent; border-bottom-color: #fafafa; left: 20%; left: calc(20% + 1px); top: auto; bottom: 100%; margin-top: -5px; margin-left: -2.5px; } .label { border-radius: 0; } /* ========= TOOLTIP STYING END ========== */ .dzstooltip.skin-black { background: rgba(0, 0, 0, 0.85); border: 1px solid rgba(0, 0, 0, 0.5); color: #eeeeee; border-radius: 3px; font-size: 0.9rem; line-height: 1.5rem; } .dzstooltip.skin-black:before { border-color: rgba(194, 225, 245, 0); border-width: 6px; } .dzstooltip.skin-black:before { border-top-color: rgba(0, 0, 0, 0.5); left: 12.5px; margin-left: -2.5px; } .dzstooltip.skin-black:after { border-color: rgba(136, 183, 213, 0); border-width: 5px; } .dzstooltip.skin-black:after { border-top-color: rgba(0, 0, 0, 0.85); left: 12.5px; margin-left: -2.5px; } .dzscalendar.skin-aurora .main-mon .today-date { font-weight: 400; background-color: rgb(248, 249, 249); color: #26547E; border: 1px solid #AF5050; } .popout { font-size:15px; width:140px; } .popout-date{ width:140px; background-color:#7a1212; color:white; text-align:center; padding:5px; } .popout-month{ width:140px; border:1px solid #7a1212; text-align:center; padding:5px; } .popout h6{ font-weight:bold; line-height:14px; } .popout { width: 240px; } .popout-date { width: 85px; background-color: #7a1212; color: white; text-align: center; padding: 5px; box-sizing: border-box; } .popout-month { width: 85px; border: 1px solid #7a1212; text-align: center; padding: 5px; box-sizing: border-box; } .popout h6 { font-weight: bold; line-height: 14px; position: absolute; margin-top: -115px; margin-left: 95px; margin-right:15px; } .popout h6 a{ color: #1E5B90; text-decoration: none; } /* Social Media Buttons */ .btn-social{position:relative;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)} .btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em} .btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em} .btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em} .btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)} .btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em} .btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em} .btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em} .btn-social-icon :first-child{text-align:center;width:100% !important} .btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0} .btn-social-icon.btn-sm{height:23px;width:24px;padding-left:0;padding-right:0; border:none;} .btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0} .btn-facebook{color:#fff;background-color:#81848B;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{color:#fff;background-color:#30487b;border-color:rgba(0,0,0,0.2)} .btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{background-image:none} .btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#81848B;border-color:rgba(0,0,0,0.2)} .btn-envelope{color:#fff;background-color:#81848B;border-color:rgba(0,0,0,0.2); font-size: 0.75em;}.btn-envelope:hover,.btn-envelope:focus,.btn-envelope:active, .btn-envelope.active,.open .dropdown-toggle.btn-envelope{color:#fff;background-color:rgb(244,180,14);border-color:rgba(0,0,0,0.2)} .btn-envelope:active,.btn-envelope.active,.open .dropdown-toggle.btn-envelope{background-image:none} .btn-envelope.disabled,.btn-envelope[disabled],fieldset[disabled] .btn-envelope,.btn-envelope.disabled:hover,.btn-envelope[disabled]:hover,fieldset[disabled] .btn-envelope:hover,.btn-envelope.disabled:focus,.btn-envelope[disabled]:focus,fieldset[disabled] .btn-envelope:focus,.btn-envelope.disabled:active,.btn-envelope[disabled]:active,fieldset[disabled] .btn-envelope:active,.btn-envelope.disabled.active,.btn-envelope[disabled].active,fieldset[disabled] .btn-envelope.active{background-color:#81848B;border-color:rgba(0,0,0,0.2)} .btn-youtube-square{color:#fff;background-color:#81848B;border-color:rgba(0,0,0,0.2); font-size: 1.25em;}.btn-youtube-square:hover,.btn-youtube-square:focus,.btn-youtube-square:active,.btn-youtube-square.active,.open .dropdown-toggle.btn-youtube-square{color:#fff;background-color:#bb0000;border-color:rgba(0,0,0,0.2)} .btn-youtube-square:active,.btn-google-plus.active,.open .dropdown-toggle.btn-youtube-square{background-image:none} .btn-youtube-square.disabled,.btn-youtube-square[disabled],fieldset[disabled] .btn-youtube-square,.btn-youtube-square.disabled:hover,.btn-youtube-square[disabled]:hover,fieldset[disabled] .btn-youtube-square:hover,.btn-youtube-square.disabled:focus,.btn-youtube-square[disabled]:focus,fieldset[disabled] .btn-youtube-square:focus,.btn-youtube-square.disabled:active,.btn-youtube-square[disabled]:active,fieldset[disabled] .btn-youtube-square:active,.btn-youtube-square.disabled.active,.btn-youtube-square[disabled].active,fieldset[disabled] .btn-youtube-square.active{background-color:#81848B;border-color:rgba(0,0,0,0.2)} .btn-glyphicon-education {color:#fff;background-color:#81848B;border-color:rgba(0,0,0,0.2); font-size: 0.9em;}.btn-glyphicon-education:hover,.btn-glyphicon-education:focus,.btn-glyphicon-education:active, .btn-glyphicon-education.active,.open .dropdown-toggle.btn-glyphicon-education{color:#fff;background-color:#00aced;border-color:rgba(0,0,0,0.2)} .btn-glyphicon-education:active,.btn-glyphicon-education.active,.open .dropdown-toggle.btn-glyphicon-education{background-image:none} .btn-glyphicon-education.disabled,.btn-glyphicon-education[disabled],fieldset[disabled] .btn-glyphicon-education,.btn-glyphicon-education.disabled:hover,.btn-glyphicon-education[disabled]:hover,fieldset[disabled] .btn-glyphicon-education:hover,.btn-glyphicon-education.disabled:focus,.btn-glyphicon-education[disabled]:focus,fieldset[disabled] .btn-glyphicon-education:focus,.btn-glyphicon-education.disabled:active,.btn-glyphicon-education[disabled]:active,fieldset[disabled] .btn-glyphicon-education:active,.btn-glyphicon-education.disabled.active,.btn-glyphicon-education[disabled].active,fieldset[disabled] .btn-glyphicon-education.active{background-color:#81848B;border-color:rgba(0,0,0,0.2)} .btn-twitter {color:#fff;background-color:#81848B;border-color:rgba(0,0,0,0.2); font-size: 0.9em;}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active, .btn-twitter.active,.open .dropdown-toggle.btn-twitter{color:#fff;background-color:#00aced;border-color:rgba(0,0,0,0.2)} .btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{background-image:none} .btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#81848B;border-color:rgba(0,0,0,0.2)} .btn-google-plus{color:#fff;background-color:#81848B;border-color:rgba(0,0,0,0.2)}.btn-google-plus:hover,.btn-google-plus:focus,.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)} .btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{background-image:none} .btn-google-plus.disabled,.btn-google-plus[disabled],fieldset[disabled] .btn-google-plus,.btn-google-plus.disabled:hover,.btn-google-plus[disabled]:hover,fieldset[disabled] .btn-google-plus:hover,.btn-google-plus.disabled:focus,.btn-google-plus[disabled]:focus,fieldset[disabled] .btn-google-plus:focus,.btn-google-plus.disabled:active,.btn-google-plus[disabled]:active,fieldset[disabled] .btn-google-plus:active,.btn-google-plus.disabled.active,.btn-google-plus[disabled].active,fieldset[disabled] .btn-google-plus.active{background-color:#81848B;border-color:rgba(0,0,0,0.2)} /* General Layout */ body { margin: 0px; padding: 0px; background-color:#3F4853;; Background-color:#000000; } .left-panel{ width:14%; float: left; max-width:280px; } .right-panel{ width:14%; float: left; max-width:280px; } .center-panel{ width:72%; float: left; max-width:1440px; } .center-panel-grey{ background-color: rgb(37, 38, 40); margin-left: 7px; margin-right:7px; color:white; min-height:750px; padding-top:5px; min-height: calc(100vh - 50px); } .special_events_panel_red{ margin-left: 7px; margin-right: 7px; color: white; /*padding-top: 5px;*/ background-color: #691818; } .container-fluid { max-width: 2000px; background-color:white; } img.csc_person { float: left; margin-right: 20px; margin-bottom:5px; } .special_events_panel_purple{ margin-left: 7px; margin-right: 7px; color: white; /*padding-top: 5px;*/ background-color: #2E2E58; } .special_events_panel_blue { margin-left: 7px; margin-right: 7px; color: white; /* padding-top: 5px; */ background-color: #1B4171; } .special_events_panel_green { margin-left: 7px; margin-right: 7px; color: white; /* padding-top: 5px; */ background-color: #09582C; } .special_events_panel_orange { margin-left: 7px; margin-right: 7px; color: white; /* padding-top: 5px; */ background-color: #BF7609; } .special_events_title { padding: 30px 30px 0px 30px; margin: 0px; text-align: center; font-size:22px; } .special_events_date { padding: 10px 30px 30px 30px; margin: 0px; text-align: center; color:#9DB0BD; } .special_events_date a{ padding: 0px 10px 30px 10px; margin: 0px; text-align: center; color: #9DB0BD; text-decoration: none; } .special_events_date a:hover{ color:white; } .row.top_special_events { margin-top: 99px; } .center-panel-beige{ background-color: #fff; margin-left: 7px; margin-right:7px; border-left:1px solid grey; border-right:1px solid grey; border-bottom:1px solid grey; padding-top: 5px } .border_top{ width: 71%; margin: 0 7px; border-top: 1px solid grey; margin-top: 99px; position: fixed; z-index:50; } .col-md-12, .col-md-2, .col-md-8{ padding-left:0px; padding-right:0px; } .fixedGrey{ background-color:#2e353d; margin-top:-10px; height:50px; width:100%; z-index:9999; position:fixed; max-width:2000px; } .fixedGrey h4{ font-size: 1em; font-family: 'Myriad Pro 1167301', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:white; float:left; padding-left:1%; padding-top:7px; } .fixedWhite{ background-color:white; margin-top:28px; height:6px; width:100%; z-index:9999; position:fixed; max-width:2000px; } .fixedWhite1{ background-color:white; height:8px; width:100%; z-index:9; margin-top:92px; position:fixed; max-width:2000px; } footer{ text-align: center; line-height: 3em; font-size: 1.1em; background-color: #000000; color: #C5C5C5; margin-top: 0px; margin-left: 7px; margin-right: 7px; border-bottom:1px solid #3a3a3a; } div.anchor { display: block; position: relative; top: -115px; visibility: hidden; } .hr_calendar{ border: none; } .hr_techdev{ margin:0px; } .pad20{ padding-left:20px; padding-right:20px; } .marg10{ margin-top:10px; padding-left:30px; margin-bottom:30px; } h3.lect-title{ margin-top:5px; margin-bottom: 15px; } h3.techdev-title{ margin-top:5px; margin-bottom:20px; font-size:22px; color: #BBBBBB; } .since{ padding-left:70%; } .floating_caption{ background-color: rgba(37, 38, 40, 0.8); margin-left: 7px; margin-right: 7px; color: white; float: left; height: 60px; width: 98.65%; margin-top: 320px; position: absolute; } .no_shade{ background-color:transparent; } .floating_caption h2{ padding-left: 10%; line-height: 20px; font-size: 35px; text-align: right; padding-right: 9%; } .floating_caption h2.people_title { padding-left: 5%; line-height: 20px; font-size: 35px; text-align: center; padding-right: 4%; background-color: rgba(33, 33, 33, 0.84); padding-top: 18px; padding-bottom: 20px; margin-left: 60%; height: 60px; margin-top: 3px; } .discipline-nav{ padding-left: 7px;margin-top:7px; padding-right: 7px; } .postdoc_2col_rightMargin{ margin: 0px 7px; background-color: #2e353d; margin-right:0px; } .postdoc_2col_leftMargin{ margin: 0px 7px; background-color: #2e353d; margin-left:0px; } ul.list li { font-size: 18px; margin: 20px 0px; } h4.lect-description { line-height: 24px; } /* Panels */ .panel-group{ margin-left:7px; margin-right:7px; margin-top:7px; margin-bottom:0px; } .panel{ border-color:#002d62; background-color:#e9eaea; } .panel-default>.panel-heading{ background-color:#002d62; } .listProgram .panel-heading a:after { color: #1B1A1A; } .listYear .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #4F5B69; } .listProgram .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ddd; } .listYear .panel{ background-color: #2E353D; } .listYear .panel-default>.panel-heading{ background-color: #4f5b69; } .listProgram .panel-default>.panel-heading{ background-color: #BCC2CA; color:#1B1A1A; } .listProgram .panel{ background-color: white; border-color:#8F9092; } .panel-default>.panel-heading h4 a{ text-decoration:none; } .panel-group .panel { border-radius: 0px; } .panel-heading { border-top-left-radius: 0px; border-top-right-radius: 0px; } .panel-default>.panel-heading h4 a h3 { font-size: 1.17em; } .panel-heading a:after { font-family:'Glyphicons Halflings'; content:"\e080"; float: right; color: white; margin-top: -14px; } .panel-heading a.collapsed:after { content:"\e114"; margin-top: -12px; } .panel-group .panel .no_border_mobile{ border-radius: 4px; } .bordRadius{ border-radius: 4px; } .listProgram .panel { background-color: #BCC2CA; } h4.team-lead { margin-top: 15px; } .text{ padding:0px 30px; } .team-lead{ padding:0px 15px 0px 5px; } .workshop-name{ color:#B11E1E; margin-top:10px; } .workshop-date{ } .margin7{ margin: 7px 7px 0px 7px; padding: 0px; /*width: 98.7%;*/ } .margin7grey{ margin: 0px 7px; background-color: #2e353d; } .pad_leftOnly{ padding-left:15px; padding-right:0px; margin-right:-3px; width: 50.2%; } .pad_rightOnly{ padding-left:0px; padding-right:15px; margin-left:-3px; width: 50.2%; } .symp-top{ margin: 0px 15px 20px 15px; min-height:340px; } .single-symposium{ padding: 0px 40px 0px 0px; } /* Events Calendar */ .cal{ background-color:#7A1212; color:white; margin-left:15px; margin-top:10px; width:80%;text-align:center;padding:0px;margin-bottom:7px; } .cal .cal-date{ border:3px solid #7A1212; background-color:white; color:#7A1212; margin-left:0px; width:100%;text-align:center;padding:20px 0px; font-size:1.2em; } .cal .cal-month{ background-color:#7A1212; color:white; margin-left:0px; width:100%; text-align:center; padding:20px 0px; font-size:1.2em; } .cal-desc{ padding:0px; margin-left:-30px; min-height:135px; } .cal-desc h4{ font-size:1.4em; line-height:1.45em; } .cal-desc p{ font-size:1em; line-height:1.3em; } a .cal-month{ text-decoration: none; } a:hover{ text-decoration: none; } .lectures a:hover { color: #009fff; } .calendar_event_title a{ color:#23527c; } .event_speaker{ font-weight: 600; color: #585858; line-height:22px; } .caption.announcement{ padding:30px 50px; background-color:#424D58; color: white; } li.sp_event { margin-bottom: 20px; } ul.sp_event { margin-top: 30px; } /* Publications */ .publications{ margin:160px 7% 3% 7%; } .publications h2{ text-align:center; padding-bottom:20px; } .publications p{ padding-bottom:15px; } .ep_view_page_view_group { text-decoration: none; font-family: Verdana, Arial, Helvetica, sansserif; } .ep_view_group_date_jump { font-size:small; font-family: Verdana, Arial, Helvetica, sans-serif; } .programs { margin: 30px 2% 0px 2%; padding-bottom: 20px; } .programs h2{ text-align:center; padding-bottom:20px; color:white; margin-top:10px; } .short_courses { margin: 7px 7% 0px 7%; padding-bottom: 35px; padding-top: 45px; } .short_courses h2{ text-align: center; padding-bottom: 0px; color: white; margin-top: 0px; } .course_date { margin: 25px 0px; color: #77818C; font-size: 20px; } hr.hr-grey{ margin-top: 30px; margin-bottom: 20px; border: 0; border-top: 1px solid #585757; } hr.hr-lightgrey{ margin-top:15px; border-top: 1px solid #C7C5C5; } .search_results{ margin:160px 4% 0% 4%; } .search_results h2{ text-align:center; padding-bottom:5px; } .search_results p{ margin-bottom:-5px; margin-left:18px; } .wh-ann{ margin:2% 3% 3% 3%; background-color:white; padding:2% 5%; } .year{ margin:20px 10%; text-align:center; font-weight:bold; font-size:24px; color:black; } .wh-ann a { font-size:16px; } .wh-ann li { margin-bottom:15px; } .wh-ann ol li { color:black; } .wh-cal{ margin:2% 3% 3% 3%; background-color:white; padding:40px 2%; } .calendar{ margin:150px 2% 0px 2%; padding-bottom:2px; } .calendar h2{ text-align:left; padding-bottom:20px; } /*.calendar h3{ color:black; text-align:center; padding-bottom:20px; border-bottom:1px solid #8B8788; margin-bottom:30px; }*/ .calendar h4, .calendar p{ color:black; } .lectures{ margin:105px 7% 0% 7%; padding-bottom:20px; } .lectures h4{ padding:10px 0px; } .lectures p{ padding-bottom:10px; } .contacts{ margin:105px 7% 0% 7%; padding-bottom:20px; color:white; } .contacts h4{ padding:10px 0px; } .contacts p{ padding-bottom:10px; } h4.contact_us { font-size: 18px; margin: 20px 0px 50px 0px; } .special_events { margin: 99px 0% 0% 0%; padding-bottom: 0px; } .special_events_noMargin{ margin:0%; } /* Images */ .desktop{ width:100%; height:auto; margin-left:0px; display:block; } .mob{ margin-left:-5000px; height:0px; width:0px; } .KISS_map{ width:70%; height:auto; border:1px solid black;margin-right:10%; } iframe{ margin: 0px auto; display:block; } iframe.embedded_video { width:650px; height:350px; } iframe.embedded_video_teaser { width:450px; height:250px; } /* Programs page */ .dynamicTile{ margin-left:7px; width:98.7%;margin-bottom:6px; } .dynamicTile .col-sm-2.col-xs-4{ padding:0px; } .dynamicTile .col-sm-4.col-xs-8{ padding:0px; } #tile1{ background: rgb(72, 74, 77); } #tile2{ background: rgb(42, 46, 52); } #tile3{ background: rgb(106, 109, 113); } .tile{ padding:2px; } .tilecaption{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin:0!important; text-align: center; color:white; font-family: Segoe UI; font-weight: lighter; } /* Table */ h5{ font-weight:bold; } .table1{ padding:30px; width: 100%; background-color:#cdcdcf; /*border:1px solid black; border-collapse: collapse;*/ } .table1 td{ padding:0.8% 3%; vertical-align:middle; /*border:1px solid #6F757B;*/ } .table1 tr td h4{ line-height:1.4em; } .table1 tr td p{ margin:0px; } // cellpadding th, td { padding: 4px; } // cellspacing table { border-collapse: separate; border-spacing: 4px; } // cellspacing="4" // valign th, td { vertical-align: top; } // align (center) table { margin: 0 auto; } .table1 .cell{ padding:1% 2%; font-size:16px; font-weight:400; vertical-align:middle; text-align:left; } .speaker{ font-weight:700; } /* Flipping Panels */ .flip_panels{ background-color: white; margin-left:7px; margin-bottom:7px; width:98.7%; padding-top:0px;margin-top:0px; } .flip-container { -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; /*border: 1px solid #ccc;*/ } .flip-container:hover .back, .flip-container.hover .back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .flip-container:hover .front, .flip-container.hover .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .flip-container, .front, .back { width:100%; height: 277px; } .flipper { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative; } .front, .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0deg); -o-transition: 0.6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0deg); -ms-transition: 0.6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0deg); transition: 0.6s; transform-style: preserve-3d; transform: rotateY(0deg); position: absolute; top: 0; left: 0; } .front { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); background: lightgreen; z-index: 2; } .back { background: lightblue; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } .front .name { font-size: 2em; display: inline-block; background: rgba(33, 33, 33, 0.9); color: #f8f8f8; font-family: Courier; padding: 5px 10px; border-radius: 5px; bottom: 60px; left: 25%; position: absolute; text-shadow: 0.1em 0.1em 0.05em #333; display: none; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); } .back-logo { position: absolute; top: 40px; left: 90px; width: 160px; height: 117px; background: url(../new_website/css/logo.png) 0 0 no-repeat; } .back-title { font-weight: bold; color: #00304a; position: absolute; top: 180px; left: 0; right: 0; text-align: center; text-shadow: 0.1em 0.1em 0.05em #acd7e5; font-family: Courier; font-size: 22px; } .back p { position: absolute; /* bottom: 40px; */ left: 0; right: 0; text-align: center; padding: 0 20px; /* font-size: 18px; */ line-height: 277px; /*font-size: 18px;*/ } .back p span { display: inline-block; vertical-align: middle; line-height: 20px; } /* vertical */ .vertical.flip-container { position: relative; } .vertical .back { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); } .vertical.flip-container .flipper { -webkit-transform-origin: 100% 213.5px; -moz-transform-origin: 100% 213.5px; -ms-transform-origin: 100% 213.5px; transform-origin: 100% 213.5px; } .vertical.flip-container:hover .back, .vertical.flip-container.hover .back { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } .vertical.flip-container:hover .front, .vertical.flip-container.hover .front { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 3px; padding-left: 3px; } .col-xs-15 { width: 14.285714285714285714285714285714%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 14.285714285714285714285714285714%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 14.285714285714285714285714285714%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 14.285714285714285714285714285714%; float: left; } } /* Side Buttons */ .side-button{ width:85%; margin:10px 7%; color:white; } .btn-grey{ background-color: #4F5B69; } .btn-lightgrey{ background-color: #8391A2; margin:7px 0px; } .btn:hover,.btn-grey:focus,.btn-grey:active{ background-color: ##337ab7; } /* Stats */ .statistics { background-color: rgb(37, 38, 40); margin-left: 7px; margin-right: 7px; margin-bottom: 6px; height: 90px; /* width: 98.7%; */ padding-top: 30px; margin-top: 60px; color: white; } .statistics h4{ padding: 12px 10% 0px 10%; font-size:14px; } .left_align{ font-size:20px; } .right_align{ padding: 12px 0% 0px 62%; font-size:20px; } /* Thumbnails and Captions*/ .blue{ background-color: #4F5B69; border: 2px solid #48494A; margin-bottom:7px; } .blue1 { background-color: #2F527B; border: 2px solid #48494A; margin-bottom: 7px; } .color_blue{color:#337ab7; } .front_page h4{ font-size:1.4em; line-height:1.3em; } .th-workshop{ height:450px; } .th-people{ height:390px; } .th-grad{ height:350px; text-align:center; } .th-institute{ height:224px; padding-right:7%; } .thumbnail.th-institute a>img, .thumbnail.th-institute>img { margin-right: auto; margin-left: 0px; } .th-panel{ height:auto; margin-bottom:5px; } .institute{ text-align:right; } h3.job_desc{ font-size: 24px; line-height:28px; } h3.job_desc.tom_prince { font-size: 22px; line-height: 23px; margin-top: 14px; } h3.job_desc.bethany_ehl { font-size: 22px; line-height: 25px; margin-top: 30px; } .th-front_two_panel{ height:360px; margin-bottom:5px; } .th-front_three_panel{ height:600px; margin-bottom:5px; } .thumbnail.th-front_three_panel.thumbnail_mobile_only{ margin-left:-5000px; height:0px; width:0px; display:none; } .th-institute img{ margin-left:0px; } .special_events_panel_blue { height: 495px; } .th-institute { padding-right: 7%; } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1600px) { .side_info h4{ text-align:center;margin:10px 9% 15px 9%;font-size:15px; } .side_info p{ text-align:left;margin: 15px 9%; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { font-size: 40px; margin-top:-23px; } #feature-banner .carousel-control { background: none repeat scroll 0 0 transparent; height: 45px; left: 15px; opacity: 0.9; top: 43%; width: 45px; text-decoration: none; font-size: 2em; } #feature-banner .carousel-indicators li { position: relative; margin: 3px; height: 12px; width: 12px; background-color: rgba(255, 255, 255, 0.43); border: 1px solid rgb(255, 255, 255); } #feature-banner .carousel-indicators { bottom: -10px; } #feature-banner .carousel-indicators li.active { background-color: #8c1515; } .special_events_panel_blue { /*height: 500px;*/ } .special_events_panel_blue.single_column{ height:590px; } .th-institute { padding-right: 7%; } } @media only screen and (min-width : 1700px) { .special_events_panel_blue { height: 530px; } .special_events_panel_blue.single_column{ height:615px; } } @media only screen and (min-width: 1800px) { .special_events_panel_blue { height: 550px; } .special_events_panel_blue.single_column{ height:640px; } .w_section ul li { padding: 5px 1px 1px 1px; } } @media only screen and (min-width: 1900px) { .special_events_panel_blue { height: 560px; } .special_events_panel_blue.single_column{ height:650px; } } @media only screen and (min-width: 2000px) { .special_events_panel_blue { height: 580px; } .special_events_panel_blue.single_column{ height:700px; } .center-panel { width: 71.5%; margin-left: 6px; max-width: 1440px; margin-left: auto; margin-right: auto; } .container-fluid { max-width: 2000px; background-color:white; padding-right:0px; } body{ padding-top:20px; } .fixedGrey{ margin-top:-20px; } .nav-side-menu{ margin-top:20px; } .nav-side-menu ul .active, .nav-side-menu li .active{ padding:5px; } .nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li{ padding:5px; } .side_info h4{ margin:25px 9% 20px 9%; font-size:16px; } .side_info p{ margin:20px 10% 25px 10%; } .nav-side-menu li a i{ padding-right:40px; } i.fa.fa-info.fa-lg{ padding-right:38px; } i.fa.fa-calendar.fa-lg{ padding-right:32px; } .menu-list{ font-size:14px; } .lectures.papers h3.lect-title{ margin-bottom:35px; margin-top:20px; } .lectures.papers ul li{ margin-bottom:25px; font-size:16px; } .th-front_three_panel{ height:780px; } .thumbnail .caption.front_page{ padding:42px; } a.btn.btn-primary.btn-sm.btn-frontpage{ margin-bottom:20px; } .th-front_three_panel img{ margin-top:30px; } .large{ font-size:18px; padding-top:20px; } .floating_caption{ margin-top:390px; } .lectures.page img.img-responsive{ max-width:70%; } .panel-default>.panel-heading{ background-color:#2E353D; } .blue{ background-color:#424B55; } .fixedGrey{ background-color:#242830; } } @media only screen and (max-width : 1599px) { .side_info h4{ padding:0 5% 0 7%; font-size:1.3em; text-align:center; } .side_info p{ padding:0 7%; font-size:1.1em; } .th-workshop { height: 480px; } .special_events_panel_blue { height: 495px; } .special_events_panel_blue.single_column{ height:570px; margin-bottom: 7px; } h3.job_desc.tom_prince { font-size: 21px; line-height: 23px; margin-top: 14px; } h3.job_desc.bethany_ehl { font-size: 21px; line-height: 25px; margin-top: 20px; } .th-institute { padding-right: 5%; } } @media only screen and (max-width : 1499px) { .floating_caption{ background-color: rgba(37, 38, 40, 0.8); margin-left: 7px; margin-right: 7px; color: white; float: left; height: 60px; width: 98.5%; margin-top: 290px; position: absolute; } .floating_caption h2{ padding-left: 10%; line-height: 20px; font-size: 35px; text-align: right; padding-right: 15%; } .special_events_panel_blue { height: 465px; } span#count-number { margin-left: -5000px; } .th-panel{ height:283px; margin-bottom:5px; } .special_events_panel_blue.single_column{ height:530px; } } @media only screen and (max-width : 1400px) { .popout { width: 200px; } .side_info{ padding:0 7%; } .side_info h4{ padding:0 5% 0 7%; font-size:1.2em; text-align:center; } .side_info p{ padding:0 7%; font-size:0.95em; } .th-workshop { height: 510px; } .btn-programs{ width:19.6%; font-size:11.5px; } .border_top{ width: 70.9%; margin: 0 7px; border-top: 1px solid grey; margin-top: 99px; position: fixed; z-index:50; } .floating_caption{ background-color: rgba(37, 38, 40, 0.8); margin-left: 7px; margin-right: 7px; color: white; float: left; height: 60px; width: 98.5%; margin-top: 275px; position: absolute; } h4.team-lead { margin-top: 7px; margin-bottom: 7px; } .special_events_panel_blue { height: 455px; } h3.job_desc { font-size: 23px; line-height: 28px; margin-left: 29%; } .special_events_panel_blue.single_column{ height:510px; } .caption.announcement { padding: 30px 40px; } } @media only screen and (max-width : 1300px) { .btn-programs{ width:19.5%; font-size:11px; } .since{ padding-left:62%; } .floating_caption { background-color: rgba(37, 38, 40, 0.8); margin-left: 7px; margin-right: 7px; color: white; float: left; height: 60px; width: 98.3%; margin-top: 260px; } .floating_caption h2 { font-size: 32px; } .th-front_three_panel{ height:680px; } .side-button { width: 85%; margin: 10px 7%; font-size: 13px; color: white; } .special_events_panel_blue { height: 435px; } .th-panel { height: 278px; margin-bottom: 5px; } h3.job_desc { font-size: 24px; line-height: 28px; margin-left: 40%; } .special_events_panel_blue.single_column{ height:500px; } h3.job_desc.tom_prince { font-size: 20px; margin-top: 10px; } h3.job_desc.tom_prince { font-size: 20px; margin-top: 20px; } } @media only screen and (max-width : 1200px) { h1.page-header.header_affil span { font-size: 30px; margin: 20px 0px; line-height: 5px; } a.btn.btn-primary.btn-md.side-button.warehouse-btn { margin: -55px 5px 10px; } .side_info{ padding:0 3%; } .side_info h4{ padding:0 5% 0 7%; font-size:1.2em; text-align:center; } .side_info p{ padding:0 7%; font-size:0.95em; } .mob{ margin-left:-5000px; height:0px; width:0px; padding: 0px; display: none; } .item .active img .mob{ margin-left:-5000px; height:0px; width:0px; padding: 0px; display: none; } .carousel-inner>.item>img.mob{ margin-left:-5000px; height:0px; width:0px; padding: 0px; display: none; } #feature-banner .item .carousel-caption.right { right:230px; } #feature-banner .carousel-indicators { bottom: -15px; } .nav-side-menu .brand { line-height: 20px; font-size: 13px; } .left-panel { width: 16%; } .center-panel { width: 68%; } .right-panel { width: 16%; } .nav-side-menu { width: 16%; } .side_info h4{ } .side_info p{ } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { font-size: 40px; margin-top:-23px; } #feature-banner .carousel-control { background: none repeat scroll 0 0 transparent; height: 45px; left: 15px; opacity: 0.9; top: 43%; width: 45px; text-decoration: none; font-size: 2em; } #feature-banner .carousel-indicators li { position: relative; margin: 3px; height: 12px; width: 12px; background-color: rgba(255, 255, 255, 0.43); border: 1px solid rgb(255, 255, 255); } #feature-banner .carousel-indicators li.active { background-color: #8c1515; } .panel-default>.panel-heading h4 a h3 { font-size: 1em; } .th-workshop { height: 450px; } .btn-programs{ width:32%; font-size:10px; } h3.lect-title{ margin-top:2px; } h3.techdev-title{ margin-top:2px; } .since{ padding-left:60%; } .border_top{ width: 66.7%; margin: 0 7px; border-top: 1px solid grey; margin-top: 99px; position: fixed; z-index:50; } .cal { background-color: #7A1212; color: white; margin-left: 0px; margin-top: 10px; width: 100%; text-align: center; padding: 0px; } .floating_caption { background-color: rgba(37, 38, 40, 0.8); margin-left: 7px; margin-right: 7px; color: white; float: left; height: 50px; width: 98.3%; margin-top: 230px; position: absolute; } .floating_caption h2 { padding-left: 10%; line-height: 10px; font-size: 30px; text-align: right; padding-right: 15%; } .th-front_three_panel{ height:750px; } .side-button { width: 85%; margin: 10px 7%; font-size: 13px; color: white; } .back p { position: absolute; /* bottom: 40px; */ left: 0; right: 0; text-align: center; padding: 0 10px; /* font-size: 18px; */ line-height: 277px; /* font-size: 18px; */ } .blue { background-color: #4F5B69; border: 2px solid #48494A; margin-bottom: 7px; height: 210px; /* padding: 0px 10px; */ text-align: center; } iframe{ margin-bottom:10px; } .th-panel { height: 262px; margin-bottom: 5px; } h3.job_desc { font-size: 20px; line-height: 28px; margin-left: 40%; } .team_techDev{ margin-top:-10px; } .special_events_panel_blue.single_column{ height:430px; } iframe.embedded_video { width:86%; height:280px; } .hr_techdev{ border-top: 1px solid #AFADAD; margin-top:20px; } h3.job_desc.tom_prince { font-size: 17px; margin-top: 10px; } h3.job_desc.bethany_ehl { font-size: 18px; line-height: 23px; margin-top: 20px; } } @media only screen and (min-width : 992px )and (max-width : 1165px) { .dzscalendar{ display:none; } .floating_caption { background-color: rgba(37, 38, 40, 0.8); margin-left: 7px; margin-right: 7px; color: white; float: left; height: 50px; width: 98.2%; margin-top: 220px; position: absolute; } .th-front_three_panel{ height:770px; } h3.symposia { font-size: 22px; margin-top: 5px; } } @media only screen and (max-width : 1100px) { h1.page-header.header_affil span { line-height: 1.1; } .popout { width: 180px; } .popout-date { width: 85px; background-color: #7a1212; color: white; text-align: center; padding: 5px; } .popout-month { width: 85px; border: 1px solid #7a1212; text-align: center; padding: 5px; } .popout h6 { font-weight: bold; line-height: 12px; position: absolute; margin-top: -115px; margin-left: 95px; margin-right:15px; } .btn-programs { width: 26%; font-size: 9px; } .since{ padding-left:58%; } .floating_caption { background-color: rgba(37, 38, 40, 0.8); margin-left: 7px; margin-right: 7px; color: white; float: left; height: 40px; width: 97.8%; margin-top: 200px; position: absolute; } .floating_caption h2 { padding-left: 10%; line-height: 0px; font-size: 28px; text-align: right; padding-right: 15%; } .th-front_three_panel { height: 825px; } .side-button { width: 85%; margin: 10px 7%; font-size: 13px; color: white; } .back p { position: absolute; /* bottom: 40px; */ left: 0; right: 0; text-align: center; padding: 0 5px; /* font-size: 18px; */ line-height: 277px; /* font-size: 18px; */ } h3.symposia { font-size: 22px; margin-top: 10px; } h4.symposia { font-size: 16px; margin-top: 5px; } .nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li { margin-left: -20px; } .floating_caption { margin-top: 220px; } h4.contact_us{ font-size: 15px; margin: 20px 0px 25px 0px; } h3.job_desc { font-size: 18px; line-height: 22px; margin-left:45%; } .special_events_panel_blue { height: 370px; } .th-panel { height: 246px; margin-bottom: 5px; } .special_events_panel_blue.single_column{ height:400px; } iframe.embedded_video { width:90%; height:230px; } iframe.embedded_video { width:92%; height:290px; } h3.job_desc.tom_prince { font-size: 15px; margin-top: 10px; line-height: 17px; } h3.job_desc.bethany_ehl { font-size: 15px; line-height: 19px; margin-top: 14px; } } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { img.img-responsive.img-symp { max-width: 280px; height: auto; margin-left: 0px; } .thumbnail.th-people.symp { height: auto; } .symp-top{ min-height:450px; } a.btn.btn-primary.btn-md.side-button.warehouse-btn { float: left; margin: 5px 5px 10px; } h3.warehouse_proposals { margin: 30px 0px 20px 0px; font-size: 23px; } .proposals_text ul { margin-left: -20px; } .popout { width: 200px; } .popout-date { width: 85px; background-color: #7a1212; color: white; text-align: center; padding: 5px; } .popout-month { width: 85px; border: 1px solid #7a1212; text-align: center; padding: 5px; } .popout h6 { font-weight: bold; line-height: 12px; position: absolute; margin-top: -115px; margin-left: 95px; margin-right:15px; } #feature-banner .carousel-indicators { bottom: -10px; } .center-nav img{ width:85%; margin-top:15px; } .left-nav ul li a, .right-nav ul li a { font-size:1.2em; } #feature-banner .carousel-indicators { margin-left:-5000px; height:0px; width:0px; padding: 0px; display: none; } .flip_panels{ margin-left: -5000px; height:0px; width:0px; padding:0px; display:none; } .cal-desc h4{ font-size:1.1em; line-height:1.2em; font-weight:700; } .cal{ margin-bottom:10px; } .cal-desc{ margin-left:-50px; } .btn-grey { font-size: 1em; } .btn-programs{ width:32%; font-size:9px; } .since{ padding-left:46%; } .center-panel-beige { background-color: #fff; margin-left: 7px; margin-right: 7px; border-left: 1px solid grey; border-right: 1px solid grey; border-bottom: 1px solid grey; padding-top: 2px; margin-top: -20px; } .border_top { width: 66.2%; margin: 0 7px; border-top: 1px solid grey; margin-top: 99px; position: fixed; z-index: 50; } .cal { background-color: #7A1212; color: white; margin-left: 0px; margin-top: 10px; width: 30%; text-align: center; padding: 0px; } .floating_caption { background-color: rgba(37, 38, 40, 0.8); margin-left: 7px; margin-right: 7px; color: white; float: left; height: 40px; width: 97%; margin-top: 175px; position: absolute; } .th-front_three_panel { height: 770px; } .thumbnail.th-front_three_panel.thumbnail_mobile_only { margin-left: 0px; height: 770px; width: 100%; display: block; } .panel { border-color: #2E353D; background-color: #e9eaea; } .side-button { width: 85%; margin: 10px 7%; font-size: 11px; color: white; } .th-people { height: 380px; } .th-grad { height: 380px; } .postdoc_2col_rightMargin{ margin-right:7px; } .postdoc_2col_leftMargin{ margin-left:7px; } .blue{ background-color: #4F5B69; border: 2px solid #48494A; margin-bottom: 7px; height: auto; /* padding: 0px 10px; */ text-align: center; } h4.symposia { font-size: 18px; margin-top: 20px; margin-bottom:20px; } h3.job_desc { font-size: 24px; line-height: 28px; margin-left:0px; } html, body { width: auto !important; overflow-x: hidden !important; } .special_events_panel_blue { height: 400px; } h4.special_events_date { position: absolute; top: 170px; width: 100%; padding-left: 0px; } h4.special_events_date { position: absolute; top: 140px; width: 100%; padding-left: 0px; } .th-panel { height: auto; margin-bottom: 5px; } h3.job_desc { font-size: 16px; line-height: 22px; margin-left: 54%; } .thumbnail img.workshop_image{ max-width:400px; height:auto; margin-bottom:10px; } .special_events_panel_blue.single_column{ height:370px; } iframe.embedded_video { width:100%; height:260px; } h3.job_desc.tom_prince { font-size:13px; margin-left: 42%; } h3.job_desc.bethany_ehl { font-size: 13px; margin-left:42%; } h2.tom_pr { margin-top: 5px; } } @media only screen and (max-width : 850px) { h3.job_desc.tom_prince { margin-top: -5px; font-size: 14px; margin-left: 55%; } h3.job_desc.bethany_ehl { margin-top: 5px; font-size: 14px; margin-left: 55%; line-height:17px; } } @media only screen and (max-width : 790px) { h3.job_desc { font-size: 14px; line-height: 22px; margin-left: 58%; } .th-institute { height: 224px; padding-right: 4%; } .caption.institute h2{ font-size: 22px; } .thumbnail img.workshop_image{ max-width:90%; height:auto; margin-bottom:10px; } iframe.embedded_video { width:100%; height:230px; } } /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { a.btn.btn-support-mob.btn-primary.btn-md.side-button{ width: 150px; margin: 12px 5%; border: none; display: inline-block!important; margin-left: 10px; padding:10px; } a.btn.btn-primary.btn-md.mob-button { margin-top: 20px; margin-bottom: 25px; width: 150px; display:block; } .row.top_special_events { margin-top: 0px; } img.img-responsive.img-symp { max-width: 100%; } a.btn.btn-primary.btn-symp.btn-xs { margin-bottom: 30px; } .proposals { margin: -40px 1% 3% 1%; } .template { margin: 25px auto; } h3.job_desc.tom_prince { font-size: 20px; margin-left: auto; line-height:21px; } h3.job_desc.bethany_ehl { font-size: 20px; margin-left: auto; line-height:22px; } .primary-nav, .fixedWhite, .fixedGrey, .fixedWhite1{ width:0px; margin-left:-5000px; } .left-nav, .center-nav, .right-nav{ width:100%; } .left-panel, .center-panel, .right-panel, .nav-side-menu{ width:100%; margin-top:0px; padding-top:0px; } .nav-side-menu { margin-top: 0px; padding-top: 0px; margin-bottom: 5px; z-index: 5000; width: 100%; min-width: 768px; } .nav-side-menu .brand{ margin-left:-5000px; width:0px; height:0px; } .nav-side-menu .brand_mobile { background-color: #23282e; line-height: 50px; display: block; text-align: left; font-size: 15px; margin-top:-100px; margin-left:0px; width:100%; height:auto; padding-left:10px; } .nav-side-menu .brand_mobile { background-color: #23282e; line-height: 50px; display: block; text-align: left; font-size: 15px; margin-top: -100px; margin-left: 0px; width: 100%; height: auto; padding-left: 80px; } .nav-side-menu .brand_mobile a { color: #e1ffff; text-decoration:none; } #feature-banner { margin-top: 0px; padding-left: 0px; padding-right: 0px; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } /*#feature-banner .carousel-indicators li { position: relative; margin: -1px 7px; height: 28px; width: 28px; background-color: rgba(255, 255, 255, 0.43); border: 1px solid rgb(255, 255, 255); border-radius: 20px; }*/ #feature-banner .carousel-indicators li { /* position: relative; margin: -5px 7px; height: 28px; width: 28px; background-color: rgba(185, 185, 185, 0.43); border: 2px solid rgb(208, 206, 206); border-radius: 20px;*/ margin-left:-5000px; height:0px; width:0px; } #feature-banner .carousel-indicators { /*bottom: -50px;*/ margin-left:-5000px; height:0px; width:0px; } #feature-banner .carousel-indicators li.active { /*background-color: #8c1515; border: 2px solid #8c1515;*/ margin-left:-5000px; height:0px; width:0px; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { margin-left:-5000px; height:0px; width:0px; } #feature-banner { margin-top: 0px; padding-left: 0px; padding-right: 0px; /*padding-bottom: 45px;*/ /*padding-top: 20px;*/ background-color: #474748; } #feature-banner { margin-bottom: 0px; } #feature-banner .item .carousel-caption{ height:150px; } #feature-banner .item a { color: white; } #feature-banner .item .carousel-caption h3 { text-transform: uppercase; letter-spacing: 0; font-size: 0.9em; font-weight: 600; margin-right: .4em; color: #820000; } #feature-banner .item .carousel-caption p { display: block; font-weight: 400; font-size: 0.8em; } .carousel-control .icon-next:before { /*content: url(../img/swipe_icon3.png);*/ content:none; } .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: -120px; margin-right: 6px; z-index: 5; display: inline-block; } #feature-banner .item .carousel-caption.bg-white , #feature-banner .item .carousel-caption.bg-dark { background-color: rgb(26, 26, 27); opacity: .8; } #feature-banner .item .carousel-caption .red, #feature-banner .item .carousel-caption .white, #feature-banner .item .carousel-caption h3.red { color: #fbfbf9; font-size:1.15em; line-height:1.4em; } #feature-banner .item .carousel-caption.bg-dark .white, #feature-banner .item .carousel-caption.bg-white, #feature-banner .item .carousel-caption p { color: #fbfbf9; font-size:1em; line-height:1.2em; } #feature-banner .item .carousel-caption p{ margin-top:10px; } .desktop{ margin-left:-5000px; height:0px; width:0px; padding: 0px; display: none; } #feature-banner .item a img.desktop { display: none; } .item .active img .desktop{ margin-left:-5000px; height:0px; width:0px; padding: 0px; display: none; } .carousel-inner>.item>img.desktop{ margin-left:-5000px; height:0px; width:0px; padding: 0px; display: none; } .mob{ width:100%; height:auto; margin-left:0px; padding: 0px; display: block; } .item .active img .mob{ width:100%; height:auto; margin-left:0px; padding: 0px; display: block; } .carousel-inner>.item>img.mob{ width:100%; height:auto; margin-left:0px; padding: 0px; display: block; } img.desktop.iPad_visible{ width:100%; height:auto; margin-left:0px; padding: 0px; display: block; margin-top:0px; } img.mob.iPad_nonvisible{ margin-left:-5000px; height:0px; width:0px; padding: 0px; display: none; } .right-panel{ margin-left:-5000px; height:0px; width:0px; padding: 0px; display: none; } .mob{ width:100%; height:auto; margin-left:0px; padding: 0px; display: block; } .panel-group{ margin-left:0px; margin-right:0px; } .panel-default>.panel-heading{ background-color:#23282e; padding:15px; } .panel-group .panel{ border-top:none; } .cal{ background-color:#7A1212; color:white; margin-left:5px; margin-top:10px; width:80%;text-align:center;padding:0px; } .cal .cal-date{ border:3px solid #7A1212; background-color:white; color:#7A1212; margin-left:0px; width:100%;text-align:center;padding:30px 0px; font-size:1.2em; } .cal .cal-month{ background-color:#7A1212; color:white; margin-left:0px; width:107%;text-align:center;padding:30px 0px;font-size:1.2em; } .cal-desc{ padding:0px; margin-left:-20px; padding-top:2px; min-height:170px; } .cal-desc h4{ font-size:1em; line-height:1.2em; } .cal-desc p{ font-size:0.8em; line-height:1.2em; } .form-control { border: 1px solid #2E353D; box-shadow: none; } .dzscalendar.skin-aurora { margin-left: -5000px; height:0px; width:0px; padding:0px; display:none; } .gal { margin: 340px 4% 0px 6%; position: absolute; z-index: 5000; width:36%; height:auto; font-size:11px; display:block; padding: .77em 1em; } .statistics{ margin-top:0px; padding-top:0px; height:62px; margin-left:0px; width:100%; } .statistics h4{ padding: 12px 3% 0px 3%; font-size:11px; } .left_align{ font-size:16px; } .right_align{ padding: 12px 0% 0px 23%; font-size:16px; } .dynamicTile{ margin-left:0px; width:100%;margin-bottom:6px; } .flip_panels{ margin-left: -5000px; height:0px; width:0px; padding:0px; display:none; } .publications{ margin:0px 7% 3% 7%; } a{ word-wrap: break-word; } .search_results{ margin:0px 5% 0% 5%; } .text{ padding:0px 5px; } .team-lead{ padding:0px 25px; } .workshop-name{ color:#B11E1E; margin-top:10px; font-size:1.3em; } .workshop-date{ font-size:1.1em; } .margin7{ margin:7px 0%; width:100%; } table h4{ font-size:1.2em; } table h5{ font-weight:500; } .btn-grey { font-size: 1em; } .th-workshop { height: 510px; } .margin7grey{ margin-left:0px; margin-right:0px; } .btn-programs{ width:32%; font-size:12px; margin-bottom:5px; } h4.team-lead { margin-top:15px; } .margin_mobile{ margin-left:-15px; margin-right:-11px; } .KISS_map{ width:100%; height:auto; border:1px solid black;margin-right:10%; } .cal { background-color: #7A1212; color: white; margin-left: 0px; margin-top: 10px; width: 100%; text-align: center; padding: 0px; } .cal .cal-month { padding: 15px; background-color:#55595F; } .hr_calendar{ border-top: 1px solid #AFADAD; } .hr_techdev{ margin-top:20px; margin-bottom:20px; } .lectures{ margin:0px 5% 0% 5%; } .programs{ margin:0px 5% 3% 5%; } .programs h2{ color:white; margin-top:20px; font-size:24px; } .programs h3{ color:white; font-size:20px; margin-bottom:30px; } .techdev{ padding-left:0px; padding-right:0px; } .center-panel-grey{ background-color: rgb(37, 38, 40); margin-left: 0px; margin-bottom: 6px; width: 100%; color:white; } h3.lect-title{ margin-top:20px; font-size:22px; } h3.techdev-title{ margin-top:20px; } footer{ margin-left:0px; margin-right:0px; } .since{ padding-left:65%; } .calendar { margin: 20px 2% 3% 2%; } .wh-cal{ margin:0%; background-color:white; padding:4%; } .center-panel-beige { background-color: #fff; margin-left: 7px; width: 100%; border-left: none; border-right: none; border-bottom: none; margin-top:0px; } .border_top { width: 0px; height: 0px; border-top: none; margin-top: 0px; position: fixed; z-index: 0; } .floating_caption { background-color: rgba(37, 38, 40, 0.8); margin-left: 7px; margin-right: 7px; color: white; float: left; height: 80px; width: 100%; margin-top: 350px; position: absolute; } .floating_caption h2 { padding-left: 10%; line-height: 40px; font-size: 36px; text-align: right; padding-right: 15%; } .th-front_three_panel { height: 560px; } .thumbnail.th-front_three_panel.thumbnail_mobile_only { margin-left: 0px; height: 560px; width: 100%; display: block; } .th-people { height: 400px; } .th-grad { height: 400px; } h4.team-lead { margin-top: 25px; margin-bottom: 0px; /* text-align: left; */ } iframe{ margin-top:10px; margin-bottom:10px; } .floating_caption { margin-top: 480px; margin-left:0px; } h4.contact_us{ font-size: 18px; margin: 30px 0px 40px 0px; } .gal { margin: 660px 4% 0px 2%; float:right; } .cal { width: 38%; } #feature-banner .item .carousel-caption.bg-dark .white, #feature-banner .item .carousel-caption.bg-dark, #feature-banner .item .carousel-caption p { color: #fbfbf9; font-size: 1.15em; padding-top: 15px; } #feature-banner .item .carousel-caption.bg-white .dark, #feature-banner .item .carousel-caption.bg-white, #feature-banner .item .carousel-caption p { color: #fbfbf9; font-size: 1.15em; padding-top: 15px; } #feature-banner .item .carousel-caption.bg-white .red, #feature-banner .item .carousel-caption.bg-white, #feature-banner .item .carousel-caption p { color: #fbfbf9; font-size: 1.15em; padding-top: 15px; } .th-front_three_panel { height: 650px; } .thumbnail.th-front_three_panel.thumbnail_mobile_only { height: 650px; } .special_events { margin: 0px 0% 7px 0%; padding-bottom: 0px; } .special_events_noMargin { margin: 0px 0% 7px 0%; padding-bottom: 0px; } .special_events_panel_blue { margin-left: 0px; margin-right: 0px; padding: 0px; } .pad_leftOnly { padding: 0px; padding-right: 7px; } .pad_rightOnly { padding: 0px; padding-left: 7px; } .special_events_panel_blue { height: 400px; } h4.special_events_date { position: absolute; top: 110px; width: 100%; } .statistics { margin-top:-9px; } table#Table_01 { margin: 0 auto; } .th-institute img{ margin-left:auto; } .caption.institute h2{ font-size: 22px; line-height: 60px; text-align: center; } h3.job_desc { font-size: 20px; line-height: 24px; text-align: center; margin-left: 0px; margin-top: 0px; } .th-institute { height: 225px; padding-right: 0%; } .floating_caption { margin-top: 470px; margin-left: 0px; } .thumbnail.th-institute a>img, .thumbnail.th-institute>img { margin-right: auto; margin-left: auto; } .special_events_panel_blue.single_column{ height:390px; } .caption.announcement { padding: 30px 20px; } .caption.announcement ul { margin-left:-20px; } .caption.announcement h4 { margin-top:30px; } .symp-top{ min-height:550px; } } @media only screen and (max-width : 767px) { h1.page-header.header_affil span { line-height: 5px; } .th-institute { height: auto; padding-right: 0%; } .floating_caption { margin-top: 430px; margin-left: 0px; } iframe.embedded_video { width:570px; height:312px; } .btn-frontpage { bottom: 15px; position: relative; background-color: rgb(98, 105, 113); margin-top: 40px; } .th-front_three_panel { height: auto; } .thumbnail.th-front_three_panel.thumbnail_mobile_only { height: auto; } } @media only screen and (max-width : 710px) { .floating_caption { margin-top: 390px; margin-left: 0px; } } @media only screen and (max-width :680px) { h1.page-header.header_affil span { line-height: 1.1; } } @media only screen and (max-width : 655px) { .floating_caption { margin-top: 370px; margin-left: 0px; } .thumbnail img.workshop_image{ max-width:100%; height:auto; margin-bottom:10px; } .special_events_panel_blue.single_column{ height:370px; } iframe.embedded_video { width:90%; height:290px; } } @media only screen and (max-width : 600px) { br.prop_mob { line-height:30px; } .btn-programs{ width:49%; font-size:12px; margin-bottom:5px; } .since{ padding-left:60%; } .floating_caption { background-color: rgba(37, 38, 40, 0.8); margin-left: 7px; margin-right: 7px; color: white; float: left; height: 80px; width: 100%; margin-top: 290px; position: absolute; } .th-front_three_panel { height: 630px; } .thumbnail.th-front_three_panel.thumbnail_mobile_only { margin-left: 0px; height: 630px; width: 100%; display: block; } .discipline-nav{ padding-left: 0px;margin-top:7px; padding-right: 0px; } .pad_leftOnly { padding-left: 0px; padding-right: 0px; width:100%; } .pad_rightOnly { padding-left: 0px; padding-right: 0px; width:100%; } .two-panel{ margin-right: 0px; margin-left: 0px; } .panel-panel{ margin-right: 0px; margin-left: 0px; } .th-people { height: 360px; } .th-grad { height: 360px; } h4.symposia { font-size: 18px; margin-top: 20px; margin-bottom:20px; } #feature-banner .item .carousel-caption.bg-dark .white, #feature-banner .item .carousel-caption.bg-dark, #feature-banner .item .carousel-caption p { color: #fbfbf9; font-size: 1em; padding-top: 15px; } #feature-banner .item .carousel-caption.bg-white .dark, #feature-banner .item .carousel-caption.bg-white, #feature-banner .item .carousel-caption p { color: #fbfbf9; font-size: 1em; padding-top: 15px; } #feature-banner .item .carousel-caption.bg-white .red, #feature-banner .item .carousel-caption.bg-white, #feature-banner .item .carousel-caption p { color: #fbfbf9; font-size: 1em; padding-top: 15px; } html, body { width: auto !important; overflow-x: hidden !important; } .special_events_panel_blue { height: 550px; } .special_events_panel_blue.single_column{ height:350px; } iframe.embedded_video { width:100%; height:320px; } .btn-frontpage { bottom: 15px; position: relative; background-color: rgb(98, 105, 113); margin-top: 40px; } .th-front_three_panel { height: auto; } .thumbnail.th-front_three_panel.thumbnail_mobile_only { height: auto; } } @media only screen and (max-width : 550px) { img.desktop.iPad_visible{ margin-left:-5000px; height:0px; width:0px; padding: 0px; display: none; } img.mob.iPad_nonvisible{ width:100%; height:auto; margin-left:0px; padding: 0px; display: block; margin-top:0px; } .special_events_panel_blue.single_column { height: auto; margin-bottom: -7px; } } @media only screen and (max-width : 510px) { .floating_caption { margin-top: 240px; margin-left: 0px; } .img-techdev{ max-width:100%; height:auto; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { br.prop_mob { line-height:40px; } img.img-responsive.postdoc { width: 100%; height: auto; } .primary-nav{ height:0px; width:0px; margin-left:-5000px; } .th-workshop { height: 460px; } .btn-programs{ width:99%; font-size:12px; margin-bottom:5px; } .listProgram{ /*margin-left:-12px;*/ margin-right:-12px; border: none; } .no_border_mobile { border: none; } .listYear{ border:none; } .team-lead { padding: 0px 2px 0px 0px; } h4.team-lead { margin-top: 7px; } div.anchor { display: block; position: relative; top: -15px; visibility: hidden; } .since{ padding-left:50%; } .floating_caption { background-color: rgba(37, 38, 40, 0.8); margin-left: 0px; margin-right: 7px; color: white; float: left; height: 60px; width: 100%; margin-top: 220px; position: absolute; } .floating_caption h2 { padding-left: 10%; line-height: 20px; font-size: 30px; text-align: right; padding-right: 7%; } .marg10 { margin-top: 10px; padding-right: 20px; padding-left:20px; margin-bottom: 30px; } .th-front_three_panel { height: 720px; } .thumbnail.th-front_three_panel.thumbnail_mobile_only { margin-left: 0px; height: 720px; width: 100%; display: block; } .th-people { height: 340px; } .th-grad { height: 340px; } h4.team-lead { margin-top: 20px; margin-bottom: 0px; /* text-align: left; */ } .nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li { margin-left: 0px; } .th-institute { height: auto; padding-right: 0%; } .institute{ text-align:left; padding-top:15px; } .special_events_panel_blue { height: 460px; } h3.job_desc { color: white; } .th-institute { height: auto; padding-right: 0%; background-color: #2E353D; border: none; border-bottom: 1px solid grey; } h1.page-header{ font-size:24px; } .team_techDev { margin-top: 0px; margin-bottom: 20px; } iframe.embedded_video { width:100%; height:300px; } .btn-frontpage { bottom: 15px; position: relative; background-color: rgb(98, 105, 113); margin-top: 40px; } .th-front_three_panel { height: auto; } .thumbnail.th-front_three_panel.thumbnail_mobile_only { height: auto; } } @media only screen and (max-width : 440px) { .th-panel { height: 280px; margin-bottom: 5px; } .center-panel-grey { min-height: 550px; } } @media only screen and (max-width : 400px) { .special_events_panel_blue { height: 400px; } span#count-number { margin-left: 0px; padding-top:9px; line-height: 38px; } iframe.embedded_video { width:100%; height:280px; } .nav-side-menu .brand_mobile { background-color: #23282e; line-height: 50px; display: block; text-align: left; font-size: 14px; margin-top: -100px; margin-left: 0px; width: 100%; height: auto; padding-left: 60px; } img.img-responsive.mj { width: 100%; height: auto; } img.img-responsive.postdoc { width: 100%; height: auto; } } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) { .primary-nav{ height:0px; width:0px; margin-left:-5000px; } .since{ padding-left:40%; } .floating_caption { background-color: rgba(37, 38, 40, 0.8); margin-left: 0px; margin-right: 7px; color: white; float: left; height: 60px; width: 100%; margin-top: 165px; position: absolute; } html, body { width: auto !important; overflow-x: hidden !important; } h4.team-lead { margin-top: 15px; margin-bottom: 0px; /* text-align: left; */ } .special_events_panel_blue { height: 400px; } span#count-number { margin-left: 0px; } .th-panel { height: 250px; margin-bottom: 5px; } iframe.embedded_video { width:100%; height:280px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .dzscalendar.skin-aurora .theMonths { min-height:164px; background: transparent; border-left: none; border-right: none; } .dzscalendar.skin-aurora .main-mon .curr-months-date { position: relative; border: 1px solid #bbbaba; } .dzscalendar.skin-aurora .mon-row:first-child .week-day { border: 1px solid rgba(0, 0, 0, 0.2); } span.week-day.other-months-date.past-date { background-color: white; } .dzscalendar.skin-aurora .main-mon .other-months-date { opacity: 0.5; background-color: white; border: 1px solid #cccbcb; } } @supports (-ms-accelerator: true) { /* IE Edge 12+ CSS styles go here */ .dzscalendar.skin-aurora .theMonths { min-height:164px; background: transparent; border-left: none; border-right: none; } .dzscalendar.skin-aurora .main-mon .curr-months-date { position: relative; border: 1px solid #bbbaba; } .dzscalendar.skin-aurora .mon-row:first-child .week-day { border: 1px solid rgba(0, 0, 0, 0.2); } span.week-day.other-months-date.past-date { background-color: white; } .dzscalendar.skin-aurora .main-mon .other-months-date { opacity: 0.5; background-color: white; border: 1px solid #cccbcb; } } _:-ms-fullscreen, :root .ie11up { .dzscalendar.skin-aurora .theMonths { min-height:164px; background: transparent; border-left: none; border-right: none; } .dzscalendar.skin-aurora .main-mon .curr-months-date { position: relative; border: 1px solid #bbbaba; } .dzscalendar.skin-aurora .mon-row:first-child .week-day { border: 1px solid rgba(0, 0, 0, 0.2); } span.week-day.other-months-date.past-date { background-color: white; } .dzscalendar.skin-aurora .main-mon .other-months-date { opacity: 0.5; background-color: white; border: 1px solid #cccbcb; } } @media all and (-ms-high-contrast:none) { *::-ms-backdrop, .dzscalendar.skin-aurora .theMonths { min-height:164px; background: transparent; border-left: none; border-right: none; } *::-ms-backdrop, .dzscalendar.skin-aurora .main-mon .curr-months-date { position: relative; border: 1px solid #bbbaba; } *::-ms-backdrop, .dzscalendar.skin-aurora .mon-row:first-child .week-day { border: 1px solid rgba(0, 0, 0, 0.2); } *::-ms-backdrop, span.week-day.other-months-date.past-date { background-color: white; } *::-ms-backdrop, .dzscalendar.skin-aurora .main-mon .other-months-date { opacity: 0.5; background-color: white; border: 1px solid #cccbcb; } } _:-ms-lang(x), _:-webkit-full-screen, .dzscalendar.skin-aurora .theMonths { min-height:164px; background: transparent; border-left: none; border-right: none; } _:-ms-lang(x), _:-webkit-full-screen, .dzscalendar.skin-aurora .main-mon .curr-months-date { position: relative; border: 1px solid #bbbaba; } _:-ms-lang(x), _:-webkit-full-screen, .dzscalendar.skin-aurora .mon-row:first-child .week-day { border: 1px solid rgba(0, 0, 0, 0.2); } _:-ms-lang(x), _:-webkit-full-screen, span.week-day.other-months-date.past-date { background-color: white; } _:-ms-lang(x), _:-webkit-full-screen, .dzscalendar.skin-aurora .main-mon .other-months-date { opacity: 0.5; background-color: white; border: 1px solid #cccbcb; } @media print { body { margin-top: -6px; } section.primary-nav { /* display: none;*/ border:2px solid black; position:absolute; } .primary-nav .left-nav ul li { display: none; } .primary-nav .right-nav ul li { display: none; } .fixedGrey{ position:absolute; } .fixedGrey h4 { font-size: 10px; /* margin-top: 60px;*/ width:100%; position:absolute; left:20px; top:52px; } .fixedGrey h4:first-of-type:after { right:40px; content: "CALIFORNIA INSTITUTE OF TECHNOLOGY"; position:absolute; } .fixedWhite1 { display: none; } .left-panel { display: none; } .right-panel { display: none; } a.btn.btn-social-icon.btn-sm { display: none; } #feature-banner .item img.mob { display: none; } div#feature-banner { margin-bottom: 0px; } .center-panel { width: 100%; margin: 0px auto; } a[href]:after { content: none !important; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .carousel-inner>.item { border: 1px solid black; } h4.panel-title { text-transform: uppercase; padding: 10px; } .panel-default>.panel-heading { border-bottom: 1px solid black; border-radius: 0px; } .panel.panel-default { border-radius: 0px !important; border: 1px solid black; } .margin7 { margin: 0px; padding: 0px; margin-bottom:4px; margin-top:4px; } .cal .cal-month { border: 1px solid black; } .dzscalendar.skin-aurora { display: none; } .thumbnail.th-front_three_panel.thumbnail_mobile_only { margin-left: 0px; height: 680px; width: 100%; display: block !important; page-break-inside: avoid; } .th-front_three_panel { height: 680px; page-break-inside: avoid; } .thumbnail.th-institute { page-break-inside: avoid; } .panel.panel-default { page-break-inside: avoid; } #disciplines1 .panel.panel-default, #disciplines2 .panel.panel-default, #disciplines3 .panel.panel-default, #disciplines4 .panel.panel-default, #disciplines5 .panel.panel-default { page-break-inside:auto; } .publications h2 { padding-bottom: 15px; font-size: 20px; } h3.lect-title { margin-bottom: 10px; font-size: 18px; } a.btn { border: 1px solid grey; } .border_top { display:none; } .center-panel-beige { border: none; } .KISS_map { width: 35%; height: auto; right: 0px; position:absolute; top:-450px; } } /* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox */ @media print and (-webkit-min-device-pixel-ratio:0) { .fixedGrey h4 { font-size: 11px; /* margin-top: 60px;*/ width:100%; position:absolute; left:24px; top:52px; } .fixedGrey h4:first-of-type:after { right:50px; content: "CALIFORNIA INSTITUTE OF TECHNOLOGY"; position:absolute; } h4.team-lead { font-size: 12px !important; font-weight:500 !important; } } @media print and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles*/ .primary-nav .center-nav { margin-top: -20px !important; } .thumbnail.th-institute img { width:100% !important; } .thumbnail.th-institute { max-height:130px !important; page-break-inside: avoid; } .caption.institute h2 { font-size: 18px !important; margin-top:10px !important; } .caption.institute h2.tom_pr{ font-size: 18px !important; margin-top:0px !important; margin-bottom:0px !important; } .caption.institute h3.job_desc { font-size: 14px !important; line-height:16px !important; } h3.job_desc.tom_prince { font-size: 14px !important; line-height:15px !important; margin-top: 7px !important; } h3.job_desc.bethany_ehl { font-size: 14px !important; line-height:17px !important; margin-top: 10px !important; } .publications h2 { padding-bottom: 12px; font-size: 18px; } h3.lect-title { margin-bottom: 0px; font-size: 16px; } .lectures h4 { padding: 10px 0px; font-size: 16px; } }