Quick Links Menus
York U Organization Menu
Students Menu
/* ----------------------------------------- */
/* View slug: vista-team - start */
/* ----------------------------------------- */
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
#flex-slider .slide-text, #flex-slider .flex-control-nav{display:none;}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
ul.slides li:first-child {margin-left:-25px;}
body.home ul.slides li:first-child {margin-left:inherit;}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav li a {
width: 26px;
height: 26px;
margin: -13px 0 0;
display: block;
font-size: 0;
position: absolute;
top: 45%;
cursor: pointer;
color: #666;
opacity: .9;
filter: alpha(opacity=@opacity * 100);
}
.flex-direction-nav .flex-next {right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
/* FlexSlider slingle slide v1.0 */
#flex-slider {max-width: 1160px;
margin: 0 auto 20px auto;
padding:0;}
body.home #flex-slider {
padding: 0 0 0 10px;}
.flexslider ul {
margin: 0;
padding: 0;
background: #cacaca;
}
.flexslider ul li {
list-style: none;
margin: 0;
padding: 0;
}
.flexslider-main {
margin-bottom: 2.5em;
}
.flexslider ul li img {
border-radius: 0;
box-shadow: none;
max-width: 100%;
}
.full-img img {
/*position:absolute;
clip:rect(0px,1160px,360px,0px);
left:100%;*/
}
.shorter-img img {
/*position:absolute;
clip:rect(0px,760px,360px,0px);*/}
.flexslider-nav ul li {
margin-right: 5px;
cursor: pointer;
}
/* added by Kate/Alexis */
.flexslider {
border: none;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.flexslider .flex-pauseplay {
cursor: pointer;
position: absolute;
bottom: 0px;
font-size: 85%;
}
body.home .flexslider .flex-pauseplay {
bottom: -25px;
left: 15px;}
.flex-pause:focus, .flex-play:focus, ol.flex-control-nav li a:focus {border:2px dotted #000000;
}
.flex-play:before, .flex-pause:before {
font-family: FontAwesome;
}
.flex-play:before {
content: "f04b";
}
.flex-pause:before {
content: "f04c";
}
.flex-pauseplay .tooltip {
display: block;
position: absolute;
bottom: 0;
left: -1000em;
}
.flex-pause:hover .tooltip, .flex-play:hover .tooltip {
left: 1.25em;
}
.slide-image {
width: 100%;
position: relative;
max-height:350px;
}
.slide-text {
background-color: rgba(51, 51, 51, 0.8);
color: #FFF;
width: inherit;
padding: 20px;
font-size: 1.4em;
background: rgba(51, 51, 51, 0.8);
border-top: 1px solid #000;
position: absolute;
top: 0;
height: 258px;
max-height: 100%;
width: 300px;}
body.home .slide-text {
height:360px;
max-height: 100%;
}
.right{ text-align: right;
right: 0px;
padding-right:20px;}
.left {text-align:left;
left: 0px;
padding-left:20px;}
.hidden {display:none;}
.flex-control-nav {
text-align: right;
font-size: 1em;
bottom: -30px;
padding:0 10px !important;
}
.flex-control-nav li {
margin: 0 0.5em;
}
.flex-control-paging li a {
background-color: #004A8D;
color: #fff;
width: 0.75em;
height: 0.75em;
text-align: right;
text-indent: 999999px;
border-bottom: none;
margin: 0;
}
.flex-control-paging li a:hover {
background: #004A8D;
background: rgba(51,51,102,0.75);
}
.flex-control-paging li a.flex-active {
background: #9a0100;
background: rgba(154, 1, 0, 1);
cursor: default;
}
/* Direction Nav */
.flex-direction-nav .flex-next {right: 5px; }
.flex-direction-nav .flex-prev {left: 5px;}
.flex-direction-nav li a { color: #767676; border-bottom: none; }
.flex-direction-nav li a:hover { color: #767676; }
.flex-direction-nav li .flex-next:before, .flex-direction-nav li .flex-prev:before {
font-family: FontAwesome;
font-size: 30px;
}
.flex-direction-nav li .flex-prev:before {
content: "f0a8";
}
.flex-direction-nav li .flex-next:before {
content: "f0a9";
}
@media (min-width: 1200px){
.full-img {height:360px;}
}
@media (max-width: 1200px) {
#flex-slider, body.home #flex-slider {padding: 0;}
}
@media (max-width: 799px) {
/*
.flex-control-paging {
display: none;
}
*/
.flex-pauseplay .tooltip {
display: none;
}
.flex-direction-nav .flex-next { top: 106%; }
.flex-direction-nav .flex-prev {top: 106%;}
/*
.flexslider .flex-pauseplay {
left: 50%;
}
*/
.flex-direction-nav li .flex-next:before, .flex-direction-nav li .flex-prev:before {
font-size: 20px;
}
.slide-text, body.home .slide-text {
position: absolute;
background-color: #888;
color: #FFF;
width: 100%;
font-size: 0.9em;
background: rgba(25, 25, 25, 0.75);
border-top: 1px solid #333;
padding: 0 10px;
margin: 0;
bottom: 0;
top: inherit;
height:50px;
line-height:1;
}
.slide-text {bottom: -20px;}
.slide-text h2 {
display:inline;
font-size:100%;}
.flex-control-nav {width:100%;
bottom:-55px;}
.home .flex-control-nav {width:100%;
bottom:-30px;}
.home .flexslider .flex-pauseplay {margin-left:10px;
bottom:-25px !important;}
.flexslider .flex-pauseplay {margin-left:10px;
bottom:-25px;}
}
/* ----------------------------------------- */
/* View slug: vista-team - end */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* View slug: vista-showcase-sidebar - start */
/* ----------------------------------------- */
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
#flex-slider .slide-text, #flex-slider .flex-control-nav{display:none;}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
ul.slides li:first-child {margin-left:-25px;}
body.home ul.slides li:first-child {margin-left:inherit;}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav li a {
width: 26px;
height: 26px;
margin: -13px 0 0;
display: block;
font-size: 0;
position: absolute;
top: 45%;
cursor: pointer;
color: #666;
opacity: .9;
filter: alpha(opacity=@opacity * 100);
}
.flex-direction-nav .flex-next {right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
/* FlexSlider slingle slide v1.0 */
#flex-slider {max-width: 1160px;
margin: 0 auto 20px auto;
padding:0;}
body.home #flex-slider {
padding: 0 0 0 10px;}
.flexslider ul {
margin: 0;
padding: 0;
background: #cacaca;
}
.flexslider ul li {
list-style: none;
margin: 0;
padding: 0;
}
.flexslider-main {
margin-bottom: 2.5em;
}
.flexslider ul li img {
border-radius: 0;
box-shadow: none;
max-width: 100%;
}
.full-img img {
/*position:absolute;
clip:rect(0px,1160px,360px,0px);
left:100%;*/
}
.shorter-img img {
/*position:absolute;
clip:rect(0px,760px,360px,0px);*/}
.flexslider-nav ul li {
margin-right: 5px;
cursor: pointer;
}
/* added by Kate/Alexis */
.flexslider {
border: none;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.flexslider .flex-pauseplay {
cursor: pointer;
position: absolute;
bottom: 0px;
font-size: 85%;
}
body.home .flexslider .flex-pauseplay {
bottom: -25px;
left: 15px;}
.flex-pause:focus, .flex-play:focus, ol.flex-control-nav li a:focus {border:2px dotted #000000;
}
.flex-play:before, .flex-pause:before {
font-family: FontAwesome;
}
.flex-play:before {
content: "f04b";
}
.flex-pause:before {
content: "f04c";
}
.flex-pauseplay .tooltip {
display: block;
position: absolute;
bottom: 0;
left: -1000em;
}
.flex-pause:hover .tooltip, .flex-play:hover .tooltip {
left: 1.25em;
}
.slide-image {
width: 100%;
position: relative;
max-height:350px;
}
.slide-text {
background-color: rgba(51, 51, 51, 0.8);
color: #FFF;
width: inherit;
padding: 20px;
font-size: 1.4em;
background: rgba(51, 51, 51, 0.8);
border-top: 1px solid #000;
position: absolute;
top: 0;
height: 258px;
max-height: 100%;
width: 300px;}
body.home .slide-text {
height:360px;
max-height: 100%;
}
.right{ text-align: right;
right: 0px;
padding-right:20px;}
.left {text-align:left;
left: 0px;
padding-left:20px;}
.hidden {display:none;}
.flex-control-nav {
text-align: right;
font-size: 1em;
bottom: -30px;
padding:0 10px !important;
}
.flex-control-nav li {
margin: 0 0.5em;
}
.flex-control-paging li a {
background-color: #004A8D;
color: #fff;
width: 0.75em;
height: 0.75em;
text-align: right;
text-indent: 999999px;
border-bottom: none;
margin: 0;
}
.flex-control-paging li a:hover {
background: #004A8D;
background: rgba(51,51,102,0.75);
}
.flex-control-paging li a.flex-active {
background: #9a0100;
background: rgba(154, 1, 0, 1);
cursor: default;
}
/* Direction Nav */
.flex-direction-nav .flex-next {right: 5px; }
.flex-direction-nav .flex-prev {left: 5px;}
.flex-direction-nav li a { color: #767676; border-bottom: none; }
.flex-direction-nav li a:hover { color: #767676; }
.flex-direction-nav li .flex-next:before, .flex-direction-nav li .flex-prev:before {
font-family: FontAwesome;
font-size: 30px;
}
.flex-direction-nav li .flex-prev:before {
content: "f0a8";
}
.flex-direction-nav li .flex-next:before {
content: "f0a9";
}
@media (min-width: 1200px){
.full-img {height:360px;}
}
@media (max-width: 1200px) {
#flex-slider, body.home #flex-slider {padding: 0;}
}
@media (max-width: 799px) {
/*
.flex-control-paging {
display: none;
}
*/
.flex-pauseplay .tooltip {
display: none;
}
.flex-direction-nav .flex-next { top: 106%; }
.flex-direction-nav .flex-prev {top: 106%;}
/*
.flexslider .flex-pauseplay {
left: 50%;
}
*/
.flex-direction-nav li .flex-next:before, .flex-direction-nav li .flex-prev:before {
font-size: 20px;
}
.slide-text, body.home .slide-text {
position: absolute;
background-color: #888;
color: #FFF;
width: 100%;
font-size: 0.9em;
background: rgba(25, 25, 25, 0.75);
border-top: 1px solid #333;
padding: 0 10px;
margin: 0;
bottom: 0;
top: inherit;
height:50px;
line-height:1;
}
.slide-text {bottom: -20px;}
.slide-text h2 {
display:inline;
font-size:100%;}
.flex-control-nav {width:100%;
bottom:-55px;}
.home .flex-control-nav {width:100%;
bottom:-30px;}
.home .flexslider .flex-pauseplay {margin-left:10px;
bottom:-25px !important;}
.flexslider .flex-pauseplay {margin-left:10px;
bottom:-25px;}
}
/* ----------------------------------------- */
/* View slug: vista-showcase-sidebar - end */
/* ----------------------------------------- */