Team:UST Beijing/css/settings

/*-----------------------------------------------------------------------------

- Revolution Slider 4.1 Captions -

Screen Stylesheet

version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com

---

*/

/************************* - CAPTIONS -

• • • • • • • • • • • • • • • • • • • • • • • • • • /

.tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important;} .tp-caption { z-index:1;} .tp-caption.noshadow {text-shadow: none; } .tp-caption a { color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-caption a:hover { color: #ffa902; }

.tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; }

/****************************************************************

- SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID -

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

/*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/

/************************************************ - SOME CAPTION MODIFICATION AT START -

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position:absolute; visibility: hidden; } .tp-simpleresponsive img { max-width:none;}

/********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS -

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

.fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; }

/****************************** - IE8 HACKS -

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

.noFilterClass { filter:none !important; }

/******************************** - FULLSCREEN VIDEO -

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

.caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .caption.fullscreenvideo iframe { width:100% !important; height:100% !important;} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .tp-caption.fullscreenvideo iframe { width:100% !important; height:100% !important;}

/************************************* - TP ARROWS -

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

.tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; width:40px; height:40px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; width:40px; height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left; }

/************************************ - TP BANNER TIMER -

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

.tp-bannertimer { width:100%; height:10px; position:absolute; z-index:200;top:0px;} .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto;}

/*************************************** - RESPONSIVE SETTINGS -

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

@media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tparrows { display:none;} }

/********************************************* - BASIC SETTINGS FOR THE BANNER -

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

.tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }

.tp-simpleresponsive a{ text-decoration:none;}

.tp-simpleresponsive ul { list-style:none; padding:0; margin:0; }

.tp-simpleresponsive >ul >li{ list-stye:none; position:absolute; visibility:hidden; }

.tp-loader { background-color:#fff; margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }