YFile – York University's Journal of Record

/* ----------------------------------------- */ /* View: YFile Slider - 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) */ @font-face { font-family: FontAwesome; src: url(http://blog.yorku.ca/wp-content/plugins/types/library/toolset/toolset-common/res/lib/font-awesome/fonts/fontawesome-webfont.woff2); } /* 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;} .flex-control-nav { text-align: right; font-size: 1em; bottom: -30px; padding: 0 0px !important; } /* 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: 820px; //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 { } .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:4px 0px 4px 0 !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: 3 } .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: 99%; font-size: 0.9em; background: rgba(25, 25, 25, 0.75); border-top: 1px solid #333; padding: 5px; margin: 2px; bottom: 0; top: inherit; height:auto; 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:0px; bottom:-22px !important;} .flexslider .flex-pauseplay {margin-left:10px; bottom:-25px;} } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); color: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: 0px; color: rgba(255, 255, 255, 0) !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; //-webkit-text-fill-color: transparent; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } /* ----------------------------------------- */ /* View: YFile Slider - end */ /* ----------------------------------------- */

Editor’s Picks

Top Stories

History and politics professors launch new books on Canadian Confederation

The 2018 York Cares United Way Campaign kicks off Oct. 26 with a community pancake breakfast

Artist and activist Kinnie Starr headlines Kitty Lundy Memorial Lecture

Announcing the #YUSpirit Red & White Day photo contest winners

Current News

The York University Magazine’s Fall 2018 issue is online now

York University celebrates Ada Lovelace Day with lecture and workshop

Author Kathleen Winter talks about linking history to the present

American scholar Laura Beth Nielsen will give the Law and Society Annual Lecture, Oct 22

Research

VPRI to host an open house Oct. 22 for the community

York University collaborates on research to study role of ice in shaping Mars’ regions

Study shows potential effect of fluoride on thyroid function for some Canadians

Ecological partnership further establishes York University as global leader

Bookshelf

Prof. Ali Asgary publishes book on complexity of population displacement

Hate crime book says legal, policy deliberation is microcosm for larger debate

Professor Ilan Kapoor edits first-of-its-kind book on global psychoanalysis

York professors’ book on helping students succeed translated into French

Campus Notes

Nominate a top researcher for a President’s Research Award

Spray Days pest control treatments take place Oct. 19 to 21

Reminder: Take Our Kids to Work Day returns to York University Nov. 14

Women’s History Month celebrated at the York University Bookstore