/* Rita Edits start here */ /* D4D banner */ /* Webmaster Test */ .drive4data-bk { background: url("/download/gallery/img/drive4data/drive4databannerjpg?attachment=0") no-repeat #aed2ea !important; height: 200px;padding: 0px 20px 10px 20px;} } /* D4DR SLIDESHOW */ /*B1 */ .ps-slideshow-1- D4DR .ps-slideshow-content { width: 600px; padding: 185px 0 0 0px;S } .ps-slideshow-2- D4DR .ps-slideshow-content { width: 600px; padding: 185px 0 0 0px; } .ps-slideshow-3- D4DR .ps-slideshow-content { width: 600px; padding: 185px 0 0 0px; } .ps-slideshow-4- D4DR .ps-slideshow-content { width: 600px; padding: 185px 0 0 0px; } .ps-slideshow-5- D4DR .ps-slideshow-content { width: 600px; padding: 185px 0 0 0px; } /*B2 .ps-slideshow-1- D4DR, .ps-slideshow-2-D4DR, .ps-slideshow-3-D4DR .ps-slideshow-4-D4DR, .ps-slideshow-5-D4DR { background: transparent 0 0 no-repeat; } */ /*B3 .ps-slideshow-1-D4DR { background-image: url(https://wise.uwaterloo.ca/download/gallery/img/drive4data/infographicjpg~1?attachment=1); } .ps-slideshow-2-D4DR { background-image: url(https://wise.uwaterloo.ca/download/gallery/img/drive4data/infographicjpg~1?attachment=1); } .ps-slideshow-3-D4DR { background-image: url(https://wise.uwaterloo.ca/download/gallery/img/drive4data/infographicjpg~1?attachment=1); } .ps-slideshow-4-D4DR { background-image: url(https://wise.uwaterloo.ca/download/gallery/img/drive4data/infographicjpg~1?attachment=1); } .ps-slideshow-5-D4DR { background-image: url(https://wise.uwaterloo.ca/download/gallery/img/drive4data/infographicjpg~1?attachment=1); } */ /*Rita's edits end here*/ /*last updated by Mary*/ /* Aaron Edits Start here */ /* Drive 4 Data PAGE SLIDESHOW */ .ps-slideshow-1-D4D .ps-slideshow-content { width: 600px; padding: 185px 0 0 0px; } .ps-slideshow-2-D4D .ps-slideshow-content { width: 487px; padding: 185px 0 0 0px; } .ps-slideshow-3-D4D .ps-slideshow-content { width: 440px; padding: 185px 0 0 0px; } .ps-slideshow-4-D4D .ps-slideshow-content { width: 600px; padding: 185px 0 0 0px; } .ps-slideshow-5-D4D .ps-slideshow-content { width: 600px; padding: 185px 0 0 0px; } .ps-slideshow-1-D4D, .ps-slideshow-2-D4D, .ps-slideshow-3-D4D, .ps-slideshow-4-D4D, .ps-slideshow-5-D4D{ background: transparent 0 0 no-repeat; } .ps-slideshow-1-D4D { background-image: url(https://wise.uwaterloo.ca/download/gallery/img/drive4data/samplereport/dashboardjpg?attachment=0); } .ps-slideshow-2-D4D { background-image: url(https://wise.uwaterloo.ca/download/gallery/img/drive4data/samplereport/dailysummaryjpg?attachment=0); } .ps-slideshow-3-D4D { background-image: url(https://wise.uwaterloo.ca/download/gallery/img/drive4data/samplereport/dailyutilizationjpg?attachment=0); } .ps-slideshow-4-D4D { background-image: url(https://wise.uwaterloo.ca/download/gallery/img/drive4data/samplereport/tripdetailsjpg?attachment=0); } .ps-slideshow-5-D4D { background-image: url(https://wise.uwaterloo.ca/download/gallery/img/drive4data/samplereport/chargedetailsjpg?attachment=0); } /* SEN PAGE SLIDESHOW */ .ps-slideshow-1-SEN .ps-slideshow-content { width: 600px; padding: 185px 0 0 0px; } .ps-slideshow-2-SEN .ps-slideshow-content { width: 487px; padding: 185px 0 0 0px; } .ps-slideshow-3-SEN .ps-slideshow-content { width: 440px; padding: 185px 0 0 0px; } .ps-slideshow-4-SEN .ps-slideshow-content { width: 600px; padding: 185px 0 0 0px; } .ps-slideshow-1-SEN, .ps-slideshow-2-SEN, .ps-slideshow-3-SEN, .ps-slideshow-4-SEN{ background: transparent 0 0 no-repeat; } .ps-slideshow-1-SEN { background-image: url(https://wise.uwaterloo.ca/download/gallery/img/sen/infographics/infographicpage3jpg?attachment=0); } .ps-slideshow-2-SEN { background-image: url(https://wise.uwaterloo.ca/download/gallery/img/sen/infographics/infographicpage4jpg?attachment=0); } .ps-slideshow-3-SEN { background-image: url(https://wise.uwaterloo.ca/download/gallery/img/sen/infographics/infographicpage5jpg?attachment=0); } .ps-slideshow-4-SEN { background-image: url(https://wise.uwaterloo.ca/download/gallery/img/sen/infographics/infographicpage6jpg?attachment=0); } /*Drive4data Page*/ } /*Aaron Edits End here */ /* SUB page Banners */ .lab-bk{ background: url("/download/gallery/img/images/lab_bannerpng?attachment=0") no-repeat #aed2ea !important; height: 174px; } .about-bk{ background: url("/download/gallery/img/subpagebanners/about_bannerpng?attachment=0") no-repeat #aed2ea !important; height: 174px; } .blogs-bk{ background: url("/download/gallery/img/subpagebanners/blogs_bannerpng?attachment=0") no-repeat #aed2ea !important; height: 174px; } .comm-bk{ background: url("/download/gallery/img/subpagebanners/comm_bannerpng?attachment=0") no-repeat #aed2ea !important; height: 174px; } .events-bk{ background: url("/download/gallery/img/subpagebanners/events_bannerpng?attachment=0") no-repeat #aed2ea !important; height: 174px; } .explore-bk{ background: url("/download/gallery/img/subpagebanners/explore_bannerpng?attachment=0") no-repeat #aed2ea !important; height: 174px; } /* Jane added (Winter 2012) */ .exploree-bk{ background: url("/download/gallery/img/subpagebanners/explorewisepng?attachment=0") no-repeat #aed2ea !important; height: 200px; } .contact-bk{ background: url('/download/gallery/img/subpagebanners/contactwiseeeejpg') no-repeat #aed2ea !important; height: 200px; } .contactt-bk{ background: url('/download/gallery/img/subpagebanners/contactwiseeeeejpg') no-repeat #aed2ea !important; height: 200px; } .aboutt-bk{ background: url('/download/gallery/img/subpagebanners/aboutbannerpng') no-repeat #b4e3f1 !important; height: 200px; } .partnerr-bk{ background: url("/download/gallery/img/subpagebanners/partnerwisepng?attachment=0") no-repeat #aed2ea !important; height: 200px; } /* Lab banners */ .capds{ background: url('/download/gallery/img/lab-banners/capdsbannerrrjpg') no-repeat #aed2ea !important; height: 200px; } .capdss{ background: url('/download/gallery/img/lab-banners/capdsbannerrrr-copyjpg') no-repeat #aed2ea !important; height: 200px; } .capdsss{ background: url('/download/gallery/img/lab-banners/capdsbannerrrrrjpg') no-repeat #aed2ea !important; height: 200px; } .strl{ background: url('/download/gallery/img/lab-banners/strlbannerjpg') no-repeat #aed2ea !important; height: 200px; } .issfe{ background: url('/download/gallery/img/lab-banners/issfebannerjpg') no-repeat #aed2ea !important; height: 200px; } .issfee{ background: url('/download/gallery/img/lab-banners/issfebannerrjpg') no-repeat #aed2ea !important; height: 200px; } .issfeee{ background: url('/download/gallery/img/lab-banners/issfebannerrrjpg') no-repeat #aed2ea !important; height: 200px; } .feridun-bk{ background: url("/download/gallery/home_page_images/banners/ae4h_banners/feridunbannerpng?attachment=1") no-repeat #aed2ea !important; height: 200px; } /*Aaron Changes Begin here (Spring 2012) */ .conserve{ background: url(https://wise.uwaterloo.ca/download/gallery/img/explorewisesubpagebanners/exploreconservenewbanner?attachment=1) no-repeat #aed2ea !important; height: 200px; } .improve{ background: url(https://wise.uwaterloo.ca/download/gallery/img/explorewisesubpagebanners/exploreimprovenewbanner?attachment=1) no-repeat #aed2ea !important; height: 200px; } .deliver{ background: url(https://wise.uwaterloo.ca/download/gallery/img/explorewisesubpagebanners/exploredelivernewbanner?attachment=1) no-repeat #aed2ea !important; height: 200px; } .senbanner{ background: url(https://wise.uwaterloo.ca/download/gallery/img/subpagebanners/bannerjpg?attachment=1) no-repeat #aed2ea !important; height: 200px; } .bridge{ background: url(https://wise.uwaterloo.ca/download/gallery/img/explorewisesubpagebanners/explorebridgenewbanner?attachment=1) no-repeat #aed2ea !important; height: 200px; } .enable{ background: url(https://wise.uwaterloo.ca/download/gallery/img/explorewisesubpagebanners/exploreenablenewbanner?attachment=1) no-repeat #aed2ea !important; height: 200px; } .transform{ background: url(https://wise.uwaterloo.ca/download/gallery/img/explorewisesubpagebanners/exploretransformnewbanner?attachment=1) no-repeat #aed2ea !important; height: 200px; } .students{ background: url(https://wise.uwaterloo.ca/download/gallery/img/subpagebanners/studentjpg~1?attachment=1) no-repeat #aed2ea !important; height: 200px; } /* Aaron Changes end here */ /* For Partner Page */ a.partner { text-decoration: none; } a.partner:hover { text-decoration: none; font-style: bold; } /* End of Jane edited */ .banner-class-1, .banner-class-2, .banner-class-3, .banner-class-4, .banner-class-5, .banner-class-6, .banner-class-7, .banner-class-8, .banner-class-9, .banner-class-10, .banner-class-11, .banner-class-12, .banner-class-13, .banner-class-14, .banner-class-15, .banner-class-16, .banner-class-17, .banner-class-18, .banner-class-19 , .banner-class-20 { height: 174px; } .banner-class-1 {background: url("/download/gallery/img/subpagebanners/bannerclass1png?attachment=0") no-repeat #aed2ea !important;} .banner-class-2 {background: url("/download/gallery/img/subpagebanners/bannerclass2png?attachment=0") no-repeat #aed2ea !important;} .banner-class-3 {background: url("/download/gallery/img/subpagebanners/bannerclass3png?attachment=0") no-repeat #aed2ea !important;} .banner-class-4 {background: url("/download/gallery/img/subpagebanners/bannerclass4png?attachment=0") no-repeat #aed2ea !important;} .banner-class-5 {background: url("/download/gallery/img/subpagebanners/bannerclass5png?attachment=0") no-repeat #aed2ea !important;} .banner-class-6 {background: url("/download/gallery/img/subpagebanners/bannerclass6png?attachment=0") no-repeat #aed2ea !important;} .banner-class-7 {background: url("/download/gallery/img/subpagebanners/bannerclass7png?attachment=0") no-repeat #aed2ea !important;} .banner-class-8 {background: url("/download/gallery/img/subpagebanners/bannerclass8png?attachment=0") no-repeat #aed2ea !important;} .banner-class-9 {background: url("/download/gallery/img/subpagebanners/bannerclass9png?attachment=0") no-repeat #aed2ea !important;} .banner-class-10 {background: url("/download/gallery/img/subpagebanners/bannerclass10png?attachment=0") no-repeat #aed2ea !important;} .banner-class-11 {background: url("/download/gallery/img/subpagebanners/bannerclass11png?attachment=0") no-repeat #aed2ea !important;} .banner-class-12 {background: url("/download/gallery/img/subpagebanners/bannerclass12png?attachment=0") no-repeat #aed2ea !important;} .banner-class-13 {background: url("/download/gallery/img/subpagebanners/bannerclass13png?attachment=0") no-repeat #aed2ea !important;} .banner-class-14 {background: url("/download/gallery/img/subpagebanners/bannerclass14png?attachment=0") no-repeat #aed2ea !important;} .banner-class-15 {background: url("/download/gallery/img/subpagebanners/bannerclass15png?attachment=0") no-repeat #aed2ea !important;} .banner-class-16 {background: url("/download/gallery/img/subpagebanners/bannerclass16png?attachment=0") no-repeat #aed2ea !important;} .banner-class-17 {background: url("/download/gallery/img/subpagebanners/bannerclass17png?attachment=0") no-repeat #aed2ea !important;} .banner-class-18 {background: url("/download/gallery/img/subpagebanners/bannerclass18png?attachment=0") no-repeat #aed2ea !important;} .banner-class-19 {background: url("/download/gallery/img/subpagebanners/bannerclass19png?attachment=0") no-repeat #aed2ea !important;} .banner-class-20 {background: url("/download/gallery/img/subpagebanners/bannerclass20png?attachment=0") no-repeat #aed2ea !important;} /* FONTS */ a{ color: #0677bd; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; } /* Homepage Slideshow */ .ps-slideshow-frame-container { position: relative; height: 400px; width: 940px; } .ps-slideshow { height: 400px; } .ps-slideshow-frame { position: absolute; width: 940px; height: 400px; } /*===================BROKEN FADE CONTROLS======================== .ps-cfg-type_fade .ps-slideshow-content-inner { position: relative; } .ps-cfg-type_fade .ps-slideshow-content-inner > div { left:0; position: absolute; top: 0; visibility: hidden; } .ps-cfg-type_fade .ps-slideshow-content-inner .ps-cfg-type_fade .ps-slideshow-content-inner > div { height: 400px; width: 940px;} .ps-cfg-type_fade .ps-slideshow-content-inner { position: relative; } .ps-cfg-type_fade .ps-slideshow-content-inner > div { left:0; position: absolute; top: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } =above 3 test=======*/ .ps-btn-ctrls-indices ul li { display: inline; float: left; list-style: none; margin-right: 5px; } .ps-btn-ctrls-indices ul li.here a { color: #FF0000; } .ps-slideshow-1, .ps-slideshow-2, .ps-slideshow-3, .ps-slideshow-4, .ps-slideshow-5 { background: transparent 0 0 no-repeat; } .ps-slideshow-1 {background-image: url('https://ae4h.org/download/documents/banners/qes_bannerpng~2?attachment=1'); } .ps-slideshow-2 { background-image: url('https://ae4h.org/download/documents/banners/innovation_labs_bannerpng?attachment=1'); } .ps-slideshow-3 { background-image: url('https://ae4h.org/download/documents/banners/openaccess_bannerpng?attachment=1'); } .ps-slideshow-4 { background-image: url('https://ae4h.org/download/documents/banners/social_value_bannerpng?attachment=1'); } .ps-slideshow-5 { background-image: url('https://ae4h.org/download/documents/banners/socent_bannerpng?attachment=1'); } .ps-slideshow-6 { background-image: url('https://ae4h.org/download/documents/banners/ice_bannerpng? attachment=1'); } .ps-slideshow-7 { background-image: url('https://ae4h.org/download/documents/banners/ogs_bannerpng? attachment=1'); } .ps-slideshow-8 { background-image: url('https://ae4h.org/download/documents/banners/speed_bannerpng?attachment=1'); } #tinymce > div { background: transparent; } .ps-slideshow-1 .ps-slideshow-content { width: 940px; padding: 120px 0 0 40px; } .ps-slideshow-2 .ps-slideshow-content { width: 940px; padding: 120px 0 0 40px; } .ps-slideshow-3 .ps-slideshow-content { width: 940px; padding: 120px 0 0 40px; } .ps-slideshow-4 .ps-slideshow-content { width: 940px; padding: 120px 0 0 40px; } .ps-slideshow-5 .ps-slideshow-content { width: 940px; padding: 120px 0 0 40px; } .ps-slideshow-content h1{ color: #fff; font-family: 'Open Sans', sans-serif; font-size: 16px; width: 700px; padding: 0px 0px 0px 20px; } .ps-slideshow-content p{ color: #fff; font-family: 'Open Sans', sans-serif; font-size: 24px; width: 500px; padding: 0px 0px 0px 20px; } .ps-slideshow-content a.read_more{ position: absolute; left: 770px; -moz-box-shadow:inset 0px 1px 0px 0px #5a8eb5; -webkit-box-shadow:inset 0px 1px 0px 0px #5a8eb5; box-shadow:inset 0px 1px 0px 0px #5a8eb5; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0677bd), color-stop(1, #0c89d1) ); background:-moz-linear-gradient( center top, #0677bd 5%, #0c89d1 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0677bd', endColorstr='#0c89d1'); background-color:#0677bd; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #0677bd; display:inline-block; color:#ffffff; font-family:'Open Sans', sans-serif; font-size:17px; font-weight:normal; padding:8px 32px; text-decoration:none; text-shadow:1px 1px 0px #0677bd; } /*==============================Ji-Won's Edit made the "Learn More Button Bigger"========================*/ .ps-slideshow-content a.read_more:hover{ position: absolute; left: 770px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0c89d1), color-stop(1, #0677bd) ); background:-moz-linear-gradient( center top, #0c89d1 5%, #0677bd 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c89d1', endColorstr='#0677bd'); background-color:#0c89d1; } .ps-slideshow-content a.read_more:active{ position: absolute; left: 770px; } .ps-slideshow-content td a{ color: #fff; padding-left:15px; } .ps-slideshow-controls{ margin-left: 405px; position: absolute; top: 590px; z-index: 900; color: #fff; } .ps-slideshow-controls li{ float: left; padding-left: 5px; } .ps-slideshow-controls li a{ color: #fff; } #tinymce .ps-slideshow-frame { visibility: visible !important; display: block !important; } #tinymce .ps-slideshow-1 { background-color: #000;} #tinymce .ps-slideshow-2 { background-color: #000;} #tinymce .ps-slideshow-3 { background-color: #000;} #tinymce .ps-slideshow-4 { background-color: #000;} * { text-decoration: none; } /*=========================WEBSITE STARTS HERE=====================*/ body { font-family: 'Open Sans', sans-serif; width: 100%; } h1 { color: #0677BD; } #page { width: 100%; background: url(https://wise.uwaterloo.ca/download/gallery/newfrontpageimages/noisepattern9jpg?attachment=1); } #header-inner, #primarynav, #content-inner, #footer-inner { width: 940px; margin: 0 auto; } #primarynav { width: 955px !important; text-align: center; } #content-inner{ background: #fff; } #ig-page-home.landing #content-inner{ background-color: #f3f3f5; } #ig-page-home.landing #header-inner, #ig-page-home.landing #primarynav, #ig-page-home.landing #content-inner, #ig-page-home.landing #footer-inner { width: 940px; } * html #page { overflow: hidden; height: 1%; } #header { background: #000; height: 40px; } #header h1 { font-family: 'Open Sans', sans-serif; font-size: 40px; margin: 0 178px 0 0; } #header h1 a { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } #ig-page-intro .editable h1 { line-height: 0; margin-bottom: 0; } /* LOGO */ #logo { margin: 10px; } #logo a { display: none; } #logo a { background: url('https://ae4h.org/download/gallery/home_page_images/logos/ae4h_logos/ae4hjesspng~1?attachment=1') no-repeat; display: block; height: 0; overflow: hidden; padding-top: 122px; width:220px; position: absolute; top: 58px; left: 5px; z-index: 900 !important; } /* Navigation */ /* Navigation - Default =============================================== */ #navigation { position: relative; margin-bottom: 0px; margin-top: 90px; height:70px;} #ig-page-home.landing { margin-bottom: 0px;} #navigation ul { list-style: none; overflow: hidden; } #navigation ul li { display: inline; } #navigation ul li a { float: left; padding: 5px 5px 5px 5px; margin: 0 1px; } #navigation ul li a:hover { background-color: #96979c; border-radius: 5px 5px 5px 5px} #navigation ul li.here a { font-weight: bold; color: #fff border-radius: 5px 5px 5px 5px} /* Navigation - Tab =============================================== */ #navigation { background: transparent} #primarynav ul { padding: 15px 0px 2px 250px} #primarynav a { color: #6d6e72; font-family: 'Open Sans', sans-serif; margin: 5px 5px 5px 5px; padding: 10px 20px 10px 20px; } /*#primarynav a:hover,*/ #primarynav .here a { background-color: #6d6e72; padding-top: 0px; padding-bottom: 0px; } #navigation #primarynav ul li a {font-size: 14px; font-weight: normal; font-family: 'Open Sans', sans-serif; padding: 5px 10px 5px 10px;} #secondarynav { background: transparent; margin: 30px auto 0; width:920px;} #secondarynav ul li a { position:relative; top: -8px; left: 227px; z-index:7; } /*aligned the secondarnav to primarynav by Ji-Won*/ /*********************** pending PREVIOUS (position added by by Ji-Won, previously empty)********************** **IGLOO does not allow changes in HTML to place the secondary nav under primary nav ** #secondarynav ul li:first-child {position:absolute; top:45px; left: 721px;} #secondarynav ul li:nth-child(2) {position:absolute; top:45px; left: 845px;} #secondarynav ul li:nth-child(3) {position:absolute; top:45px; left: 915px;} #secondarynav ul li:nth-child(4) {position:absolute; top:45px; left: 975px;} #secondarynav ul li:nth-child(5) {position:absolute; top:45px; left: 1025px;} #secondarynav ul li:nth-child(6) {position:absolute; top:45px; left: 1095px;} #secondarynav ul li:nth-child(7) {position:absolute; top:45px; left: 1155px;} #secondarynav ul li:nth-child(8) {position:absolute; top:45px; left: 1215px;} ***********************End of positioning element by element***************************************/ #secondarynav ul li a { color: #0677BD} #secondarynav ul li a span { padding: 10px; } #secondarynav ul li a:hover { color: #0677BD; background: transparent; font-weight: bold; } #secondarynav ul li.here a { font-weight: bold; color: #0677BD; background: transparent; } #primarynav ul li.here a {color: #fff; background-color: #6d6e72; border-radius: 5px 5px 5px 5px} #ig-page-home.landing #primarynav ul li.here a { background-color: #6d6e72; color: #fff; } .ig-space #systemnav .ig-right { padding-top: 0px !important; } .ig-space #systemnav { margin: 0 0 20px 0; border: 1px solid #CCC; } /* Content */ /************************************ K: System Pages: Realigned (Modified by IC) *************************************/ #content-head { background: url(https://wise.uwaterloo.ca/download/gallery/newfrontpageimages/noisepattern9jpg?attachment=1); padding: 20px; } #content-body {background: #fff; box-shadow: 0px 0px 2px #96979c;} #ig-page-home.landing #content-body {background-color: #fff;} /* content gradient */ #myprofile #content-head { background: #fff; padding: 20px; margin: 0 0 8px 0; border-bottom: 0px; border-radius: 0px 0px 2px #96979c; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; box-shadow: 0px 0px 2px #96979c; -moz-box-shadow: 0px 0px 2px #96979c; -webkit-box-shadow: 0px 0px 2px #96979c; } #content-head h1 { margin: 0 35px 0 0; } .system #content-head { padding: 0; } .system .content-head-inner { color: #999; padding: 20px 20px 10px; } .system .content-head-inner { border-bottom: 1px solid #ccc; } /* IE fix */ .system .content-head-inner:nth-child(n) { border-bottom: 0; } /* reset for modern browsers */ #content-body { padding: 60px 20px 20px; overflow: hidden; border: 0px; border-bottom: none; } #ig-page-home.landing #content-body{ padding: 0; } #ig-page-about #content-body{ padding: 0; } #ig-page-about #secondarynav ul li a span{ color: #0677bd; } #ig-page-energyday2013 #content-body{ padding: 0; } #ig-page-sencanada2013 #content-body{ padding: 0; } .sencanadanav a{ color: #fff; font-size: 14px; } .sencanadanav a:hover{ color: #ffdeba; } .sencanadanav a:active{ color: #ffb96e; } /*SEN CANADA BUTTON */ .sencanadaregister { -moz-box-shadow:inset 0px 1px 0px 0px #f5978e; -webkit-box-shadow:inset 0px 1px 0px 0px #f5978e; box-shadow:inset 0px 1px 0px 0px #f5978e; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24437), color-stop(1, #f45a4f) ); background:-moz-linear-gradient( center top, #f24437 5%, #f45a4f 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24437', endColorstr='#f45a4f'); background-color:#f24437; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; color:#ffffff; font-family:Verdana; font-size:20px; font-weight:normal; padding:25px 70px; text-decoration:none; text-shadow:2px 1px 0px #f45a4f; }.sencanadaregister:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f45a4f), color-stop(1, #f24437) ); background:-moz-linear-gradient( center top, #f45a4f 5%, #f24437 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f45a4f', endColorstr='#f24437'); background-color:#f45a4f; color:#ffffff; }.sencanadaregister:active { position:relative; top:1px; color:#ffffff; } /* This imageless css button was generated by CSSButtonGenerator.com */ #content { margin-top: 0px; background-color: transparent; } #ig-page-home.landing #content{ margin-top: 0; } #unknown #content, #none #content, #frontdoor #content { background: #fff; padding-top: 20px; overflow: hidden; box-shadow: 0 1px 1px #000; -moz-box-shadow: 0 1px 1px #000; -webkit-box-shadow: 0 1px 1px #000; } #signin #content-body, #register #content-body, #search #content-body, #labels #content-body, #invite #content-body, #unknown #content-body, #none #content-body, #error #content-body, #frontdoor #content-body { border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; padding-top: 20px; margin: 0 0 20px; } #labels #content-body { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } /* IGLOO search */ #search-keyword { top: 50px; right: 55px; z-index:900; } #signin #search-keyword { display: none; } #search-keyword #js-sk { display: inline; float: right; } #search-keyword span.text { background: transparent; border: 1px solid #f3f3f5; } #search-keyword .text span { margin: 0; padding: 2px 0px; } #search-keyword .text span input { color: #231f20;} span.text input{ width: 200px;} #search-keyword .text { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow:none; } #search-keyword #custom-search-text { color: #6d6e72; line-height: 30px; padding-right: 3px; letter-spacing: 0.1em; font-weight: bold; text-transform: uppercase;} .InputHint { display: none !important; } #autocomplete_list_container, .ig-suggestions-dropdown { background: #fff; } /*=================================IGLOO search Home Page OLD ====================================== #ig-page-home.landing #search-keyword { top: 50px; right: 55px; z-index:900; } #ig-page-home.landing #search-keyword #js-sk { display: inline; float: right; } #ig-page-home.landing #search-keyword span.text { background: transparent; border: 1px solid #f3f3f5; } #ig-page-home.landing #search-keyword .text span { margin: 0; padding: 2px 0px; } #ig-page-home.landing #search-keyword .text span input { color: #231f20;} #ig-page-home.landing span.text input{ width: 225px;} #ig-page-home.landing #search-keyword .text { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow:none; } #ig-page-home.landing #search-keyword #custom-search-text { color: #fff; line-height: 30px; padding-right: 3px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: bold;} #ig-page-home.landing .InputHint { display: none !important; } ===========================================================================*/ /* END */ /* Custom Search */ #clfbar { position:absolute; top:10px; right: 65px; } #clfbar label { display: inline; color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; } #clfbar #searchterm { background: #3c3c3c; border: medium none; color: #fff; font-size: 0.9em; height: 20px; line-height: 20px; padding: 0 6px; width: 20em; } #clfbar #submit{ position: absolute; right: -25px; top: -3px; } /* Trailer */ #trailer { background: url(https://wise.uwaterloo.ca/download/gallery/newfrontpageimages/noisepattern9jpg?attachment=1); padding: 5px 20px 5px 20px; } #trailerbar { background: url(https://wise.uwaterloo.ca/download/gallery/newfrontpageimages/noisepattern9jpg?attachment=1); } #ig-page-home.landing #trailer { display: none; } #ig-page-home.landing #trailerbar { display: none; } #ig-page-about #trailer { display: none; } #ig-page-about #trailerbar { display: none; } #trailerbar-triggers { border: 0px; } #trailerbar-triggers ul { padding: 3px 20px 0; } #trailerbar-triggers .adminmsg { margin: -2px 36px 0 0; } * html #trailerbar-triggers .adminmsg { margin: -2px 20px 0 0; } #trailerbar #trailerbar-panels .padding { padding: 20px; } #trailerbar #trailerbar-panels .panel { border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; } /* Two Column */ .two-column { margin: 0px !important; } /* System Navigation */ #myprofile #systemnav { background: #ECF5FF; margin: 0 -20px 20px; padding: 9px 20px 0 20px; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-color: #B7D0EB; width: 100%; } #myprofile #systemnav li.active { border-color: #B7D0EB #B7D0EB #ffffff; background: #fff; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; } #myprofile #systemnav li a { background: transparent !important; padding: 0.4em 0.75em 0.6em !important; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; } #myprofile #systemnav li a:hover { background: #CFE6FF !important; } #myprofile #systemnav li.active a:hover { background: #fff !important; } /* Manage */ #systempanel #systemnav { background: #fff; border: 0px; margin-bottom: 4px; } #systempanel #systemnav li { border: 0px; } #systempanel #systemnav a { padding-left: 0px !important; padding-right: 15px !important; } #systempanel #systemnav a:hover { background: #fff !important; } #myprofile #content-body { margin-bottom: 20px; border-radius: 4px; padding-top: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Profile Tweak*/ #profilecard .name { display: none; } /* Paging */ .paging .paging-list a { } /* Date Picker */ div.datepicker-calendar { border: 1px solid #ccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 9px; background: #fff; } div.datepicker-calendar table { border: 0px; } div.datepicker-calendar table thead tr { background: #fff; color: #000; } div.datepicker-calendar table tr.headrow, div.datepicker-calendar table tr.headrow .button { background: #fff; color: #000; } div.datepicker-calendar table thead .hilite { background: #fff; border: 1px solid #fff; cursor: pointer; } div.datepicker-calendar table tr.headrow .hilite { background: #fff; border: 1px solid #fff; color: #000; cursor: pointer; } div.datepicker-calendar table tr.daynames { background: #545454; } div.datepicker-calendar table tr.daynames td.day { color: #fff; } div.datepicker-calendar table tr.daynames td.weekend { color: #FFF9BB; } div.datepicker-calendar table tr.daysrow, div.datepicker-calendar table tr.daysrow td { background: #fff; } div.datepicker-calendar table tr.daysrow td.weekend { color: #000; } div.datepicker-calendar table tr.daysrow td.hilite { border: 1px solid #fff; background: #eee; } div.datepicker-calendar td.today { border: 1px solid #C2D8EF !important; background: #E0ECFA !important; color: #000 !important; } div.datepicker-calendar tr.footrow td { background: #000 !important; color: #fff !important; } /* Title Hide On Pages (VIEW) */ body.ig-pages #content-body { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; /*padding-top: 20px;*/ } body.ig-pages #content-head { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } /* Actionbar Updates */ #actionbar { } #actionbar-triggers { border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; background: #f5f5f5; } .actionbar-noround { } #actionbar-triggers a { } #actionbar-triggers li.active { background: #f5f5f5; } #actionbar-panels { background-color: #f5f5f5; } #addalbum form, #addcategory form, #addchannel form, #addblog form, #addcalendar form, #addforum form, #addwiki form, #addfolder form, #addfile form { height: 60px; } /* Button Updates */ #signin .buttons, #register .buttons, #trailerbar-panels .buttons { margin-bottom: 20px; overflow: hidden; height: 1%; } #eip { margin-bottom: 0px; } #signin .buttons input, #register .buttons input, #trailerbar-panels .buttons input, .modalform .buttons .sendmessagebutton, .modalform .buttons .cancelsendmessagebutton { font-family: 'Open Sans', sans-serif; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #6ba71e; border-top: 1px solid #82b83e; border-left: 1px solid #5e810b; border-right: 1px solid #5e810b; border-bottom: 1px solid #4a7216; color: #fff; /* vano variation */ cursor: pointer; margin: 0 5px 0 0; padding: 5px 12px !important; text-shadow: 0 -1px 0 #56831C; width: auto !important; font-size: 12px; font-weight: bold; float: left; overflow: visible; box-shadow: 0 1px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4); } #signin .buttons input:hover, #register .buttons input:hover, #trailerbar-panels .buttons input:hover, .modalform .buttons .sendmessagebutton:hover, #comments-post:hover { background-color: #7bb72e; } .modalform .buttons .cancelsendmessagebutton { background-color: #bababa; border-top: 1px solid #939393; border-left: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; color: #515151; font-weight: normal; text-shadow: 0 1px 0.05em #d0d0d0; } .modalform .buttons .cancelsendmessagebutton:hover { background-color: #c4c4c4; } #comsignin { border-width: 1px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* TinyMCE Fixes*/ .mceContentBody { cursor: text; word-wrap: break-word; background-image: none; background-color: #fff; } .mceContentBody u { text-decoration: underline !important; } .mceContentBody strike { text-decoration: line-through !important; } /* Userbar */ #userbar { background: #6E6E6D; width: 100%; } #footer-system { display:none; } /* INTRO DISCOVER WISE */ h2#research-at-wise span, h2#communications span { padding-left:20px; } h2#grad-programs span { padding-left:40px; } h2#research-at-wise { background: url('/download/gallery/icons/iconinlineeditingpng') no-repeat; } h2#grad-programs { background: url('/download/gallery/icons/icongroupspacespng') no-repeat; } h2#communications { background: url('/download/gallery/icons/iconcommentspng') no-repeat; } /* CLASSES */ /*------------------------following classes written by Ji-Won------------------------*/ .news-article{ color:#000000; } a.news-article{ display:block; padding:10px; } .news-article:hover { background: rgba(150, 151, 156, 0.1); } .department-members { border-collapse: collapse; } .members-council{ padding-left:7px; } .members-council td:nth-child(even){ width:192px; } .department-members td { vertical-align: top; padding: 7px; } .department-members td:nth-child(even){ width:192px; } .department-members td>a img { width: 80px; height: 80px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.2); } .associateDirectors-members{ padding-left: 30px; } .associateDirectors-members h3{ padding: .2em 0; } .sideMenu-members a{ font-size: 1.3em; display:block; } .sideMenu-members li{ list-style: none; text-align: left; padding:8px 0px 8px 3px; cursor:pointer; } .sideMenu-members li:hover{ background-color: rgba(189, 205, 47, 0.9); -webkit-animation:membersMenu 1s; animation:membersMenu 1s; } /* Chrome,Safari,Opera */ @-webkit-keyframes membersMenu { 0% {background:rgba(189, 205, 47, 0.1);} 100% {background:rgba(189, 205, 47, 0.9); } } /* Standard syntax */ @keyframes membersMenu { 0% {background:rgba(189, 205, 47, 0.1);} 100% {background:rgba(189, 205, 47, 0.9);} } /*---------------- previous classes written by Ji-Won------------------------*/ .title-background-black { border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; } .ig-cpt-title{ background-color: #fff ; border-bottom: 1px solid; border-top: 1px solid; padding-left: 9px; } #content h2.ig-cpt-title{ background: #fff; color: #0677bd; font-family: 'Open Sans', sans-serif; font-size: 18px !important; } .ig-cpt-footer{ background: transparent; } .widget-location p,{ padding-top: 9px; } .widget-contact-person .contact-1-box, .widget-contact-person .contact-2-box{ border-bottom: 1px solid #D4D4D4; } .widget-contact-person .contact-1-box{ padding-bottom: 5px; padding-top: 5px; } .widget-contact-person .contact-1-box p, .widget-contact-person .contact-person-1 table{ margin-bottom: 0px !important; } .widget-contact-person .contact-2-box{ padding-top: 10px; } .widget-contact-person .contact-person-1, .widget-contact-person .contact-person-2{ padding-bottom: 10px; } .widget-contact-person .contact-person-1 p, .widget-contact-person .contact-person-2 p{ margin-bottom: 0; } .ig-widget-layout-tile.ig-widget-layout-tile-photos{ border: 1px solid #D4D4D4; padding-left: 10px; padding-top: 10px; } .ig-cpt.ig-widget-type-photos.widget-lab-equip, .ig-cpt.widget-lab-equip{ border: 0 !important; } .widget-lab-equip .ig-cpt-pretext{ color: #343533; font-family: 'Open Sans', sans-serif; font-size: 10pt; } .widget-lab-equip .ig-title a{ color: #1460B6; font-size: 13pt; font-weight: bold } .title-background-black .ig-cpt-title{ background: url('/download/gallery/img/wdgtitlejpg') no-repeat #000; height:22px; padding:10px 9px 0 !important; text-align:center !important; border: none !important; } .title-background-black .ig-cpt-title, .title-background-black .ig-cpt-title a{ color:#fff !important; font-size:14px; margin-bottom:10px; } .title-background-black .ig-cpt-body { border: 1px solid #939393; } .title-background-black { margin-bottom: 40px; } /* Jane added on Jan 19, 2012 */ .contact-title{ color: #FFFFFF; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 28px; text-align: right; padding: 30px 15px 0px 0px; } .contact-text{ color: #0677BD; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 18px; text-align: right; padding-right: 15px; } /* End of Jane edited */ /***************************************************************************** /* WALLPAPER THEME EDITOR SETTINGS /* The following code is automatically generated by the Wallpaper Editor. /* Updated: July 12, 2011 4:33PM /****************************************************************************/ /*body { background-color: #f3f3f5 }*/ /* Calendar */ .ig-widget-calendar .ig-widget-layout-calendar table tbody td li span { background: #0677BD /*FF9900*/; } .ig-widget-calendar .ig-widget-layout-calendar table tbody td li span:hover { background: #006600;} .ig-widget-calendar .ig-widget-layout-calendar table thead tr { background: #000; } .vevent-date .ig-month { background:#FF9900; } /* Blogs */ .ig-widget-blogarticles .ig-widget-layout-default .ig-first { border-top: none !important; border-color: #000000;} .ig-widget-blogarticles .ig-widget-layout-default .ig-item { border-top: 2px solid #FF9900;} #userbar .ig-userbar_button { border-right: none; } /***************************************************************************** /* WALLPAPER THEME EDITOR SETTINGS /* The following code is automatically generated by the Wallpaper Editor. /* Updated: August 12, 2011 4:28PM /****************************************************************************/ /*--------------------------------------------- *//* >>> Contact Button <<< *//*--------------------------------------------- */#sidebutton a {position: fixed;left: -5px;top: 225px;}#sidebutton a:hover {position: fixed;left: 0px;} /*-------------------------------------------*/ #ig-page-home.landing .ig-cpt.ig-widget-type-html{ background-color: transparent !important; } #ig-page-home.system.edit .ig-cpt{ background-color: #fff !important; } /*#search_wise{ color: #A2A4A1; font-size: 14px; font-weight: bold; margin-left: 560px; margin-top: 113px; position: absolute; text-transform: uppercase; } #ig-page-home.landing #search_wise{ color: #A2A4A1; font-size: 14px; font-weight: bold; margin-left: 563px; margin-top: 149px; position: absolute; text-transform: uppercase; }*/ #search_wise{ display: none; } .system.edit #search_wise{ display: none; } .system.edit #logo, .system.edit #search-keyword, .system.advanced #logo{ display:none; } .dttime{ border-left:1px solid; border-top: none; border-right: none; border-bottom: none; border-radius: 0; color: #000; } #ig-page-home.landing .dtstart, #ig-page-home.landing .dttime, #ig-page-home.landing .ig-date, #ig-page-home.landing .ig-author a, #ig-page-home.landing .ig-channel a, #ig-page-home.landing .ig-views, #ig-page-home.landing .ig-comments, #ig-page-home.landing .read_more a, #ig-page-home.landing .view-profile, #ig-page-home.landing .view_map a{ color: #0677bd !important; font-family: 'Open Sans', sans-serif; font-size: 12px; } #ig-page-home.landing .ig-description, #ig-page-home.landing .ig-summary p{ color: #231f20; font-family: 'Open Sans', sans-serif; font-size: 12px; } #ig-page-home.landing .ig-widget-blogarticles .ig-widget-layout-list .ig-views { border-right: 1px solid #0677bd; } #ig-page-home.landing .ig-cpt{ background-color: transparent !important; border-width: 0 !important; } /*#ig-page-home*/ .ig-cpt-footer{ background-color: transparent !important; border-top: 1px solid #A2A4A1; padding-right: 0; } .widget-lab-equip .ig-cpt-footer{ border-top: 0; } /*#ig-page-home*/ .ig-cpt-footer a{ background: #0677BD; color: #231f20; font-family: 'Open Sans', sans-serif; font-size: 11px; padding: 2px 0; text-align: center; width: 73px; } #ig-page-home.landing .ig-cpt-title{ background: transparent !important; background-color: transparent !important; border-radius: 0; border-color: #A2A4A1 !important; color: #6d6e72 !important; font-family: 'Open Sans', sans-serif; font-size: 24px !important; font-weight: normal } /* Widget Images */ #ig-page-home.landing .ig-title a{ color: #231f20; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold } #ig-page-home.landing .ig-event_trailer a{ color: #231f20; font-family: 'Open Sans', sans-serif; font-size 11px; } .research-padding{ padding: 9px 9px 9px 0; } .widget-research .ig-author{ padding-bottom: 10px; } /*.widget-research .icon-research{ background: url('/download/gallery/img/icon5png') no-repeat; padding-left: 75px; min-height: 60px; }*/ .widget-research .editable.hscroll{ background: url('/download/gallery/img/icon7png') no-repeat 0 0 transparent; color: #fff; padding-left: 80px; } .widget-research .editable.hscroll a.ig-readmore, .widget-news .editable.hscroll a.ig-readmore{ background-color: transparent !important; color: #0677bd !important; padding: 0 !important; text-shadow: none !important; } /* Footer */ ul#footer-links{ list-style: none outside none !important; margin-bottom: 35px; } ul#footer-links li{ float: left; padding:0 5px; } #footer{ background: #6d6e72; box-shadow: 0px 0px 2px #96979c; width: 940px; margin: 0px auto 0 auto; } #footer-inner{ height: 260px; } .footer-text{ padding-top:15px; } .footer-table1, .footer-table2{ margin-bottom: 0; } .footer-table2{ margin-top: -6px; } #donate-now{ padding-right:375px; } #footer-facebook, #footer-twitter, #footer-youtube{ padding-right: 15px; } #footer-copy p, #footer-links li a, #footer-links li p{ color: #A2A4A1; font-family: 'Open Sans', sans-serif; font-size: 11px; } .ig-widget-type-html .ig-cpt-body{ margin-bottom: 0em; } .widget-page-banner h1{ color: #FFFFFF; font-family: 'Open Sans', sans-serif; font-size: 36pt; margin-bottom: 0; margin-left: -430px; text-align: right; /* padding-left: 270px;*/ padding-right: 15px; } .widget-page-banner /*p*/{ color: #0677BD; font-family: 'Open Sans', sans-serif; font-size: 10pt; font-weight: bold; padding-right: 15px; } .widget-page-banner .editable{ padding: 0 0 0 465px !important; } .widget-subtitle a{ color: #343533; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; } .widget-h-research .ig-summary{ background: url("/download/gallery/img/icon1png?attachment=0") no-repeat; min-height: 60px; padding-left: 70px; padding-top: 7px; } .view_map p{ margin-bottom: 0; } .ig-row-4{ padding-bottom: 20px; } #ig-page-hoome .ig-row-4{ padding-bottom: 0; } #content-body{ border-bottom: 1px groove; } #ig-page-home.landing #content-body{ border-bottom: 0; } #content-head h1{ padding-top: 15px; } #page .ig-right{ padding-top: 40px; } /*#workarea*/ #eip{ padding-top: 35px; } /* AHMAD EDITS */ body > div { background: url("/download/gallery/img/images/body_1pxpng") repeat-x 0 24px #1c1c1c; } /* SEARCH ARROW */ /*#ig-page-home.landing #arrow_uwaterloo{ position: absolute; margin-left: 883px; margin-top: 84px; z-index: 900; } #arrow_uwaterloo{ margin-left: 903px; margin-top: 49px; position: absolute; } #saml #arrow_uwaterloo{ display: none; }*/ #search-keyword .search-keyword-filter{ right: -21px; top: -2px; } #ig-page-home.landing #search-keyword .search-keyword-filter{ top: 0px; } #header #search-keyword .search-keyword-filter input{ background: url("/download/gallery/img/images/search_arrowgif?attachment=0") no-repeat scroll 2px 2px transparent !important; height: 24px !important; } .ig-cpt{ border-style: none !important; } #ig-page-home.landing .ig-description, #ig-page-home.landing .ig-summary p, #ig-page-home.landing .ig-widget-blogarticles .editable p, #ig-page-home.landing .ig-widget-blogarticles .editable a, #ig-page-home.landing .ig-widget-blogarticles .editable div{ color: #231f20; font-family: 'Open Sans', sans-serif; font-size: 12px; } #blogs.landing #content-head{ display: none; } #blogs.landing #content-body{ padding: 70px 20px 20px; } .widget-our-labs .lab-sm{ border-bottom: 1px groove; height: 85px; padding: 10px 0; } .widget-our-labs .lab-sm img{ padding-right: 10px; } .widget-our-labs .lab-sm p, .widget-our-labs .lab-sm a{ margin-bottom: 7px; } .widget-page-banner .banner-title{ color: #FFFFFF; font-family: 'Open Sans', sans-serif; font-size: 42px; padding: 30px 0 25px; } .widget-page-banner .banner-text{ font-size: 18px; font-weight: bold; padding-right: 15px; } .style-banner{ height:300px; } .sub-banner-text .ig-widget-html-content{ border-left: 25px solid #0677BD; border-right: 25px solid #0677BD; padding: 0px 25px; } .widget-our-labs .ig-cpt-footer{ border-top: 0px; } /*===========ABOUT PAGE BUTTONS=========*/ .LabSheet { display: block; width: 150px; height: 150px; background: url('/download/gallery/resourceicons/labsheetspritejpg') bottom; text-indent: -99999px; } .LabSheet:hover { background-position: -150px 0; } .Flyer { display: block; width: 150px; height: 150px; background: url('/download/gallery/resourceicons/flyerspritejpg') bottom; text-indent: -99999px; } .Flyer:hover { background-position: -150px 0; } .ResearchSpotlight { display: block; width: 150px; height: 150px; background: url('/download/gallery/resourceicons/researchspotlightspritejpg') bottom; text-indent: -99999px; } .ResearchSpotlight:hover { background-position: -150px 0; } .Infographic { display: block; width: 150px; height: 150px; background: url('/download/gallery/resourceicons/infographicspritejpg') bottom; text-indent: -99999px; } .Infographic:hover { background-position: -150px 0; } .Logos { display: block; width: 150px; height: 150px; background: url('/download/gallery/resourceicons/logosspritejpg') bottom; text-indent: -99999px; } .Logos:hover { background-position: -150px 0; } /*==============SEN CANADA SPEAKERS ====================*/ .lund { display: block; width: 250px; height: 250px; background: url('/download/gallery/sencanada2013/speakers/imagesprites/lundisjpg~1') bottom; text-indent: -99999px; } .lund:hover { background-position: -250px 0; } .arita { display: block; width: 250px; height: 250px; background: url('/download/gallery/sencanada2013/speakers/imagesprites/aritaisjpg~1') bottom; text-indent: -99999px; } .arita:hover { background-position: -250px 0; } .knebel { display: block; width: 250px; height: 250px; background: url('/download/gallery/sencanada2013/speakers/imagesprites/knebelisjpg~1') bottom; text-indent: -99999px; } .knebel:hover { background-position: -250px 0; } .rowlands { display: block; width: 250px; height: 250px; background: url('/download/gallery/sencanada2013/speakers/imagesprites/rowlandsisjpg~1') bottom; text-indent: -99999px; } .rowlands:hover { background-position: -250px 0; } .weber { display: block; width: 250px; height: 250px; background: url('/download/gallery/sencanada2013/speakers/imagesprites/weberisjpg~1') bottom; text-indent: -99999px; } .weber:hover { background-position: -250px 0; } .taft { display: block; width: 250px; height: 250px; background: url('/download/gallery/sencanada2013/speakers/imagesprites/taftisjpg') bottom; text-indent: -99999px; } .taft:hover { background-position: -250px 0; } .burpee { display: block; width: 250px; height: 250px; background: url('/download/gallery/sencanada2013/speakers/imagesprites/burpeeisjpg') bottom; text-indent: -99999px; } .burpee:hover { background-position: -250px 0; } .metcalfe { display: block; width: 250px; height: 250px; background: url('/download/gallery/sencanada2013/speakers/imagesprites/metcalfeisjpg') bottom; text-indent: -99999px; } .metcalfe:hover { background-position: -250px 0; } .murphy { display: block; width: 250px; height: 250px; background: url('/download/gallery/sencanada2013/speakers/imagesprites/murphyisjpg') bottom; text-indent: -99999px; } .murphy:hover { background-position: -250px 0; } .rosenberg { display: block; width: 250px; height: 250px; background: url('/download/gallery/sencanada2013/speakers/imagesprites/rosenbergisjpg') bottom; text-indent: -99999px; } .rosenberg:hover { background-position: -250px 0; } .orloff { display: block; width: 250px; height: 250px; background: url('/download/gallery/sencanada2013/speakers/imagesprites/orloffisjpg') bottom; text-indent: -99999px; } .orloff:hover { background-position: -250px 0; } .simpson { display: block; width: 250px; height: 250px; background: url('/download/gallery/sencanada2013/speakers/imagesprites/simpsonisjpg') bottom; text-indent: -99999px; } .simpson:hover { background-position: -250px 0; } .campbell { display: block; width: 250px; height: 250px; background: url('/download/gallery/sencanada2013/speakers/imagesprites/campbellisjpg') bottom; text-indent: -99999px; } .campbell:hover { background-position: -250px 0; } .nathwani { display: block; width: 250px; height: 250px; background: url('/download/gallery/sencanada2013/speakers/imagesprites/nathwaniisjpg') bottom; text-indent: -99999px; } .nathwani:hover { background-position: -250px 0; } .Smith { display: block; width: 250px; height: 250px; background: url('/download/gallery/sencanada2013/speakers/imagesprites/smithisjpg') bottom; text-indent: -99999px; } .Smith:hover { background-position: -250px 0; } .ydreos { display: block; width: 250px; height: 250px; background: url('/download/gallery/sencanada2013/speakers/imagesprites/ydreosisjpg') bottom; text-indent: -99999px; } .ydreos:hover { background-position: -250px 0; } /*===============ENERGY DAY STUDENT PRESENTATIONS==================*/ .Northmore { display: block; width: 250px; height: 250px; background: url('/download/gallery/energyday/2013/student_presents/andrewnorthmorejpg') bottom; text-indent: -99999px; } .Northmore:hover { background-position: -250px 0; } .Macdonald { display: block; width: 250px; height: 250px; background: url('/download/gallery/energyday/2013/student_presents/danielmacdonaldjpg') bottom; text-indent: -99999px; } .Macdonald:hover { background-position: -250px 0; } .Choi { display: block; width: 250px; height: 250px; background: url('/download/gallery/energyday/2013/student_presents/jayeonchoijpg') bottom; text-indent: -99999px; } .Choi:hover { background-position: -250px 0; } .Ahmadi { display: block; width: 250px; height: 250px; background: url('/download/gallery/energyday/2013/student_presents/leilaahmadijpg') bottom; text-indent: -99999px; } .Ahmadi:hover { background-position: -250px 0; } .Ardakanian { display: block; width: 250px; height: 250px; background: url('/download/gallery/energyday/2013/student_presents/omidardakanianjpg') bottom; text-indent: -99999px; } .Ardakanian:hover { background-position: -250px 0; } .Li { display: block; width: 250px; height: 250px; background: url('/download/gallery/energyday/2013/student_presents/ruiqianglijpg') bottom; text-indent: -99999px; } .Li:hover { background-position: -250px 0; } .Carpenter { display: block; width: 250px; height: 250px; background: url('/download/gallery/energyday/2013/student_presents/tommycarpenterjpg') bottom; text-indent: -99999px; } .Carpenter:hover { background-position: -250px 0; } .Mukherjee { display: block; width: 250px; height: 250px; background: url('/download/gallery/energyday/2013/student_presents/ushnikmukherjeejpg') bottom; text-indent: -99999px; } .Mukherjee:hover { background-position: -250px 0; } .Gao { display: block; width: 250px; height: 250px; background: url('/download/gallery/energyday/2013/student_presents/xianggaojpg') bottom; text-indent: -99999px; } .Gao:hover { background-position: -250px 0; } .Jiang { display: block; width: 250px; height: 250px; background: url('/download/gallery/energyday/2013/student_presents/yuhengjianghelenjpg') bottom; text-indent: -99999px; } .Jiang:hover { background-position: -250px 0; } .Adepetu { display: block; width: 250px; height: 250px; background: url('/download/gallery/energyday/2013/student_presents/adedamolaadepetujpg') bottom; text-indent: -99999px; } .Adepetu:hover { background-position: -250px 0; } /*===============DRIVE 4 DATA CSS ==================*/ #ig-page-drive4data #content-body{ padding: 0; } div .drive4databackground1 { background-image: url('/download/gallery/drive4datapageimages/backgrounds/drive4databackground1jpg'); background-repeat:no-repeat; height: 800px; width: 940px; display: block; } #ig-page-drive4data #content-body h1 { color: #34495e; font-size: 30pt; padding: 30px 0 0 0; } #ig-page-drive4data #content-body h2 { color: #34495e; font-size: 16pt; } div .drive4datatriptic { height: 300px; width: 260px; padding: 15px; display: block; float: left; font-size: 11pt; color: #5e686d; } div .drive4dataduoleft { display: block; float: left; } div .drive4dataduotext { display: block; float: left; width: 440px; padding: 30px 30px 0 30px; font-size: 11pt; color: #5e686d; } .Drive4DataSignUpButton { -moz-box-shadow:inset 0px 1px 0px 0px #e74d3c; -webkit-box-shadow:inset 0px 1px 0px 0px #e74d3c; box-shadow:inset 0px 1px 0px 0px #e74d3c; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e74d3c), color-stop(1, #d93e30) ); background:-moz-linear-gradient( center top, #e74d3c 5%, #d93e30 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74d3c', endColorstr='#d93e30'); background-color:#e74d3c; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:1px solid #e74d3c; display:inline-block; color:#ffffff; font-family:arial; font-size:12px; font-weight:bold; padding:8px 20px; text-decoration:none; text-shadow:0px 0px 0px #d93e30; }.Drive4DataSignUpButton:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d93e30), color-stop(1, #e74d3c) ); background:-moz-linear-gradient( center top, #d93e30 5%, #e74d3c 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d93e30', endColorstr='#e74d3c'); background-color:#d93e30; }.Drive4DataSignUpButton:active { position:relative; top:1px; } .Drive4DataFleetManagerButton { -moz-box-shadow:inset 0px 1px 0px 0px #2c3e50; -webkit-box-shadow:inset 0px 1px 0px 0px #2c3e50; box-shadow:inset 0px 1px 0px 0px #2c3e50; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2c3e50), color-stop(1, #203142) ); background:-moz-linear-gradient( center top, #2c3e50 5%, #203142 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c3e50', endColorstr='#203142'); background-color:#2c3e50; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:1px solid #2c3e50; display:inline-block; color:#ffffff; font-family:arial; font-size:12px; font-weight:bold; padding:8px 20px; text-decoration:none; text-shadow:0px 0px 0px #203142; }.Drive4DataFleetManagerButton:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #203142), color-stop(1, #2c3e50) ); background:-moz-linear-gradient( center top, #203142 5%, #2c3e50 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#203142', endColorstr='#2c3e50'); background-color:#203142; }.Drive4DataFleetManagerButton:active { position:relative; top:1px; } .Drive4DataInnovatorButton { -moz-box-shadow:inset 0px 1px 0px 0px #8faf66; -webkit-box-shadow:inset 0px 1px 0px 0px #8faf66; box-shadow:inset 0px 1px 0px 0px #8faf66; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8faf66), color-stop(1, #82a158) ); background:-moz-linear-gradient( center top, #8faf66 5%, #82a158 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8faf66', endColorstr='#82a158'); background-color:#8faf66; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:1px solid #8faf66; display:inline-block; color:#ffffff; font-family:arial; font-size:12px; font-weight:bold; padding:8px 20px; text-decoration:none; text-shadow:0px 0px 0px #82a158; }.Drive4DataInnovatorButton:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #82a158), color-stop(1, #8faf66) ); background:-moz-linear-gradient( center top, #82a158 5%, #8faf66 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#82a158', endColorstr='#8faf66'); background-color:#82a158; }.Drive4DataInnovatorButton:active { position:relative; top:1px; } .Drive4DataBottomButton { -moz-box-shadow:inset 0px 1px 0px 0px #e74d3c; -webkit-box-shadow:inset 0px 1px 0px 0px #e74d3c; box-shadow:inset 0px 1px 0px 0px #e74d3c; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e74d3c), color-stop(1, #d93e30) ); background:-moz-linear-gradient( center top, #e74d3c 5%, #d93e30 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74d3c', endColorstr='#d93e30'); background-color:#e74d3c; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:1px solid #e74d3c; display:inline-block; color:#ffffff; font-family:arial; font-size:20px; font-weight:bold; padding:15px 40px; text-decoration:none; text-shadow:1px 1px 0px #d93e30; clear:both; }.Drive4DataBottomButton:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d93e30), color-stop(1, #e74d3c) ); background:-moz-linear-gradient( center top, #d93e30 5%, #e74d3c 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d93e30', endColorstr='#e74d3c'); background-color:#d93e30; }.Drive4DataBottomButton:active { position:relative; top:1px; } .Gotit { -moz-box-shadow:inset 0px 1px 0px 0px #34495e; -webkit-box-shadow:inset 0px 1px 0px 0px #34495e; box-shadow:inset 0px 1px 0px 0px #34495e; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #34495e), color-stop(1, #213447) ); background:-moz-linear-gradient( center top, #34495e 5%, #213447 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#34495e', endColorstr='#213447'); background-color:#34495e; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:1px solid #34495e; display:inline-block; color:#ffffff; font-family:arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #213447; }.Gotit:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #213447), color-stop(1, #34495e) ); background:-moz-linear-gradient( center top, #213447 5%, #34495e 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#213447', endColorstr='#34495e'); background-color:#213447; }.Gotit:active { position:relative; top:1px; } .Gotit2 { -moz-box-shadow:inset 0px 1px 0px 0px #34495e; -webkit-box-shadow:inset 0px 1px 0px 0px #34495e; box-shadow:inset 0px 1px 0px 0px #34495e; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #34495e), color-stop(1, #213447) ); background:-moz-linear-gradient( center top, #34495e 5%, #213447 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#34495e', endColorstr='#213447'); background-color:#34495e; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:1px solid #34495e; display:inline-block; color:#ffffff; font-family:arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #213447; }.Gotit2:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #213447), color-stop(1, #34495e) ); background:-moz-linear-gradient( center top, #213447 5%, #34495e 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#213447', endColorstr='#34495e'); background-color:#213447; }.Gotit2:active { position:relative; top:1px; } .registeronline { -moz-box-shadow:inset 0px 1px 0px 0px #e74d3c; -webkit-box-shadow:inset 0px 1px 0px 0px #e74d3c; box-shadow:inset 0px 1px 0px 0px #e74d3c; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e74d3c), color-stop(1, #d13a2c) ); background:-moz-linear-gradient( center top, #e74d3c 5%, #d13a2c 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74d3c', endColorstr='#d13a2c'); background-color:#e74d3c; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:1px solid #e74d3c; display:inline-block; color:#ffffff; font-family:arial; font-size:20px; font-weight:bold; padding:10px 30px; text-decoration:none; text-shadow:1px 1px 0px #d13a2c; }.registeronline:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d13a2c), color-stop(1, #e74d3c) ); background:-moz-linear-gradient( center top, #d13a2c 5%, #e74d3c 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d13a2c', endColorstr='#e74d3c'); background-color:#d13a2c; }.registeronline:active { position:relative; top:1px; } .registerpdf { -moz-box-shadow:inset 0px 1px 0px 0px #196899; -webkit-box-shadow:inset 0px 1px 0px 0px #196899; box-shadow:inset 0px 1px 0px 0px #196899; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2980b9), color-stop(1, #196899) ); background:-moz-linear-gradient( center top, #2980b9 5%, #196899 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2980b9', endColorstr='#196899'); background-color:#2980b9; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:1px solid #2980b9; display:inline-block; color:#ffffff; font-family:arial; font-size:20px; font-weight:bold; padding:10px 30px; text-decoration:none; text-shadow:1px 1px 0px #2980b9; }.registerpdf:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #196899), color-stop(1, #2980b9) ); background:-moz-linear-gradient( center top, #196899 5%, #2980b9 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#196899', endColorstr='#2980b9'); background-color:#196899; }.registerpdf:active { position:relative; top:1px; } /*======================================== CUSTOM FIXES - STYLES ========================================*/ /*reformat footer so can make it responsive*/ .footerTop { color: #f3f3f5; height: 85px; padding: 40px; } .footerTop a { color: #f3f3f5; float: left; } .footerTop h1 { color: #fff; } .footerTop .footerTopLeft { float: left; width:50%; } .footerTop .footerTopRight { float: right; } .footerTop .footerTopRight .uwaterloologo { padding-top: 12px; } .footerTop .footerTopRight .uwaterloologo { padding-top: 12px; } .footerTop .footerTopRight .kitlogo { padding-top: 12px; } .footerBottom { color: #f3f3f5; padding: 40px; } .footerBottom .footerBottomLeft { float: left; } .footerBottom .footerBottomRight { float: right; margin-top: 20px; } .footerBottom .footerBottomRight a { color: #f3f3f5; } /*======================================== RESPONSIVE ========================================*/ @media (max-width: 1250px) { #main, #header, #content, #footer { width: 100% !important; } #content-inner { width: 98% !important; } #userbar #ig-usrpanel { width: 100%; } #header h1 { margin-top: 0 !important; } #primarynav { width: 100% !important; } #primarynav ul { padding-left: 10px; padding-top: 55px; } /*hamburger - left align*/ .mobile .ig-navbutton-collapse { background-position: left center; } .mobile #systemnav a { padding-left: 35px !important; text-align: left; } #content { margin-top: 25px !important; } } @media (max-width: 1100px){ #logo a { top: 90px; } #navigation { margin-top: 118px; } #clfbar { left: 120px; right: 0; } #clfbar #submit { left: 275px; } #search-keyword { left: 0; width: 250px; } } /*iPad in portrait*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { } @media (max-width: 768px){ #footer { height: 500px; } .footerTop, .footerBottom { padding-bottom: 0; padding-left: 10px; padding-top: 0; width: 500px; } .footerBottom { margin-top: 290px; } .footerTop .footerTopLeft { float: none !important; margin-bottom: 20px; } .footerTop .footerTopRight { float: none !important; margin-top: 30px; } .footerBottom .footerBottomLeft { float: none !important; margin-top: 0; } .footerBottom .footerBottomRight { float: none !important; margin-top: 10px; width: 500px !important; } } @media (max-width: 560px){ #search-keyword { } #content-body { padding-top: 0; } #footer { height: 500px; } .footerTop, .footerBottom { padding-left: 10px; width: 500px; } .footerBottom { margin-top: 290px; } .footerBottom .footerBottomRight { width: 500px !important; } .footerTop .footerTopRight { margin-top: 30px; } #poweredby { margin: 0; } } @media (max-width: 490px){ #header-custom { margin-top: -10px; } #clfbar { display: none; } #clfbar #submit { display: none; } #logo a { top: 65px; } #navigation { margin-top: 70px; } #content { margin-top: 0; } } .ig-image-width-2 { height: 225px; width: 400px } /* Slideshow container */ .wise-slideshow-container { max-width: 1000px; position: relative; margin: auto; } /* Hide the images by default */ .wise-slides { display: none; } .wise-slides img{ margin: 0 !important; max-width:100% !important; } /* Next & previous buttons */ .wise-slides-prev, .wise-slides-next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; background-color: #fdd54f; color: black; } /* Position the "next button" to the right */ .wise-slides-next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .wise-slides-prev:hover, .wise-slides-next:hover { background-color: #fdd54f; color: black; }