/* Site unique theme
----------------------------------------*/
body
{
background:url("../images/bg-pattern.png") #e8ebed;/*IE8 & IE9*/
background-image: url("../images/bg-pattern.png"), -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#d4e1eb));/*Chrome*/
background-image: url("../images/bg-pattern.png"), -moz-linear-gradient(top,#eeeeee 0%,#d4e1eb);/*FF*/
background-image: url("../images/bg-pattern.png"), -ms-linear-gradient(top, #eeeeee 0%,#d4e1eb 100%);/* IE10+ */
background-repeat:repeat; /*NOTE: this must be set to repeat if we have the pattern image and gradient combo, if its just going to be a color gradient with no image set it to "no-repeat"*/
background-attachment: fixed;/*NOTE: needed for webkit to render gradient correctly on landscape mode*/
}
html
{
height: 100%;
}
/*Site Logo*/
.site-logo
{
background-image: url("../images/site-logo.png");
background-repeat: no-repeat;
background-position: center center;
display: block;
margin: 0 15px;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
/*Header color line*/
header
{
/* border-bottom:5px double #d10421; */
}
/*COLOR*/
::selection
{
background: #000;
/* WebKit/Blink Browsers */
color: #fff;
}
::-moz-selection
{
background: #000;
/* Gecko Browsers */
color: #fff;
}
/*Page Headers */
li.li-pg-header , .pg-header , .window-title
{
background: #eee;
color:#000;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
/* Main Navigation current page status */
nav ul li a.current, .desktop-mode nav ul li a.current:hover, li.view-more #submenu a.current,
.desktop-mode .mobile-nav.active-menu + .master-container nav ul li a:hover,
.desktop-mode .mobile-nav.active-menu + .master-container nav ul li span.menu-item:hover,
.mobile-nav.active-menu + .master-container nav ul li.view-more.active span.menu-item
{
/**
* For IE9 we put "important" otherwise the ie9 override would be applied
*/
background: #761013!important;
}
/*Dividers for li's and site sections */
li.li-divider, .li-divider
{
background: #81a8ce;
border-color:#456f9a;
}
li.li-divider , .li-divider, .li-divider .label:after
{
color:#fff;
text-shadow: 0 -1px 1px #254f7a;
}
/*buttons inside an li-divider*/
.divider-obj .bt{border: 1px solid #c4d1dc;}
/*LEFT SIDEMENU COLOR THEME:
--------------------------------------*/
/*vertical left side menu column bgcolor*/
.ui-side-page:before {background-color:#ecf1f0 !important;}
.ui-side-menu .pg-header
{
background:#eee !important;
color:#333;
text-shadow: 0 1px 0 #FFF;
border-bottom:1px solid #ccc;
}
.ui-side-menu a {color:#333;} /* This is needed for pg-headers inside the menu when are hyperlinks.*/
/*side-menu background color on active/hover:*/
.ui-side-menu li.active, .desktop-mode .ui-side-menu li:hover {background:#edf1f5;}
/*side-menu text and icon color on active/hover:*/
.ui-side-menu li.active a, .desktop-mode .ui-side-menu li:hover a,
.ui-side-menu li.active .icon-circle::before,
.desktop-mode .ui-side-menu li a:hover .icon-circle::before {color:#882428 !important;}
/* LEFT SIDEMENU SUB-MENU COLOR THEME:
--------------------------------------*/
/*sub-menu ( ACTIVE ICON ) color:*/
.ui-side-menu li.sub-menu a.active .icon-circle::before {}
/*sub-menu ( ACTIVE ) bg-color:*/
.ui-side-menu li.sub-menu a.active, .desktop-mode .ui-side-menu li.sub-menu a:hover {background:#FFF!important;}
/*sub-menu (DEFAULT ) bg-color*/
.ui-side-menu li.sub-menu a{background:#EEE;}
.ui-side-menu li a.active {color:#851d22;font-weight:bold;}
/* Disable Elements
---------------------------------*/
/* Sign-in pg. (Public Login)
---------------------------------*/
#login li.top-message
{
background-color: transparent!important;
border:0;
padding-top: 10px;
border: 0 none;
}
/*Welcome pg.
---------------------------------*/
.welcome-c h1, .welcome-c h2
{
color: #28649f;
font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 200;
word-spacing: -0.04em;
letter-spacing: -0.03em;
padding:10px 10px 0 10px;
margin:0 auto 0 auto;
-webkit-font-smoothing: antialiased;
}
/*(Welcome Top Section)*/
.welcome-pg.top
{
background: #ffebec;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffebec)); /* Saf4+, Chrome */
background: -webkit-linear-gradient(top, #fff, #ffebec); /* Chrome 10+, Saf5.1+ */
background: -moz-linear-gradient(top, #fff, #ffebec); /* FF3.6 */
background: -ms-linear-gradient(top, #fff, #ffebec); /* IE10 */
background: -o-linear-gradient(top, #fff, #ffebec); /* Opera 11.10+ */
background: linear-gradient(top, #fff, #ffebec);
}
.welcome-pg .top p
{
text-align: left;
}
.welcome-pg .top p span
{
color: #05a00c;
font-style: italic;
font-family: Georgia,Serif;
font-weight: 500;
padding: 0 3px;
font-size: 1.2em;
}
/* Video liquid container */
.welcome-pg video
{
position: relative;
margin: 0 auto;
overflow: hidden;
border: 1px solid #ddd;
background: #000;
width: 100%;
max-width: 716px;
cursor: pointer;
outline: none;
}
.welcome-pg figure,
.learnmore1-pg figure, .learnmore2-pg figure, .learnmore3-pg figure
{
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
/* Comp 1 */
.welcome-pg .comp1-c
{
margin:0 auto;
width: 100%;
max-width: 484px;
}
.welcome-pg .bottom h2
{
text-align: center;
}
.welcome-pg figure.comp1
{
padding-top: 49.71%; /* 240px/484px = 0.4971 */
background-repeat: no-repeat;
}
/* Comp 2 */
.welcome-pg .comp2-c
{
margin:0 auto;
width: 100%;
max-width: 400px;
}
.welcome-pg figure.comp2
{
padding-top: 87.50%;
background-repeat: no-repeat;
}
/* Comp 3 */
.welcome-pg .comp3-c
{
margin:0 auto;
width: 100%;
max-width: 382px;
}
.welcome-pg figure.comp3
{
padding-top: 95.58%;
background-repeat: no-repeat;
}
/* 382/366 */
/*(Learn More 1) Lectures
----------------------------------------*/
.learnmore1-pg .row
{
max-width: 1200px;
margin: 0 auto;
}
/* Comp 1 */
.learnmore1-pg .comp1-c
{
margin:0 auto;
width: 100%;
max-width: 446px;
}
.learnmore1-pg figure.comp1
{
padding-top: 74.43%;
background-repeat: no-repeat;
background-position: center bottom;
margin: 0;
}
/* Comp 2 */
.learnmore1-pg .comp2-c
{
margin:0 auto;
width: 100%;
max-width: 450px;
}
.learnmore1-pg figure.comp2
{
padding-top: 61.77%;
background-repeat: no-repeat;
}
/* Comp 3 */
.learnmore1-pg .comp3-c
{
margin:0 auto;
width: 100%;
max-width: 450px;
}
.learnmore1-pg figure.comp3
{
padding-top: 64.31%;
background-repeat: no-repeat;
margin: 0;
}
.learnmore1-pg .row.divider-down
{
position: relative;
border-top: 1px solid #d4d4d4;
background: url("../images/welcome/learn-more/divider-down.jpg") #FFF no-repeat center top;
padding-top: 50px;
}
.learnmore1-pg .section3
{
position: relative;
background: #f0f0f0;
border-top: 1px solid #d4d4d4;
min-height: 340px;
}
.learnmore3-pg p
{
width: 100%;
max-width: 450px;
}
/*(Learn More 2) Forum/eTalk
----------------------------------------*/
/*(Learn More 3) Colleagues
----------------------------------------*/
.learnmore3-pg .row
{
max-width: 1200px;
margin: 0 auto;
}
/* Comp 1 */
.learnmore3-pg .comp1-c
{
margin:0 auto;
width: 100%;
max-width: 931px;
}
.learnmore3-pg figure.comp1
{
padding-top: 36.73%;
background-repeat: no-repeat;
background-position: center bottom;
margin: 0;
}
.learnmore3-pg .section1
{
position: relative;
min-height: 350px;
}
/* Comp 2 */
.learnmore3-pg .comp2-c
{
margin:0 auto;
width: 100%;
max-width: 323px;
}
.learnmore3-pg figure.comp2
{
padding-top: 120%;
background-repeat: no-repeat;
margin: 0;
}
.learnmore3-pg .section2
{
position: relative;
min-height: 280px;
}
/* Comp 3 */
.learnmore3-pg .comp3-c
{
margin:0 auto;
width: 100%;
max-width: 543px;
}
.learnmore3-pg figure.comp3
{
padding-top: 60.22%;
background-repeat: no-repeat;
background-position: right bottom;
margin: 0;
}
.learnmore3-pg .section3
{
position: relative;
min-height: 350px;
background: #f0f0f0;
border-top: 1px solid #d4d4d4;
/* border-radius: 5px;
margin-bottom: 40px; */
}
.learnmore3-pg .section3 .gear
{
background: url('../images/welcome/learn-more/gear.gif');
width: 65px; height: 55px;
display: inline-block;
}
/*Edit Profile pg.
---------------------------------*/
.edit-profile .highlight-specialty .ui-icon-solo.ui-icon-user-reply-r{position:absolute;left:0px;}
.edit-profile .highlight-specialty
{
color:#3C0;
padding:3px 15px;
display:inline-block;
border-radius:15px;
margin-bottom:3px;
background:#f5ffed;
}
/* {{ BEGIN MEDIA QUERIES }} */
@media only screen and (max-width:599px){
/*Welcome pg.
---------------------------------*/
.welcome-pg h1
{
font-size: 1.6rem;
}
.welcome-pg h2
{
font-size: 1.5rem;
}
/* Bottom Section */
.welcome-pg .comp1-c
{
max-width: 350px;
}
.welcome-pg figure.comp1
{
background-image: url("../images/welcome/comp1-s.png");
}
.welcome-pg .comp2-c
{
max-width: 350px;
}
.welcome-pg figure.comp2
{
background-image: url("../images/welcome/comp1-s.png");
}
.welcome-pg .comp3-c
{
max-width: 350px;
}
.welcome-pg figure.comp3
{
background-image: url("../images/welcome/comp3-s.png");
}
/* (Learn More 1 pg.) Lectures
----------------------------------------*/
/* Comp 1 */
.learnmore1-pg .comp1-c
{
max-width: 300px;
}
.learnmore1-pg figure.comp1
{
background-image: url("../images/welcome/learn-more/learnmore1-section1-s.jpg");
}
/* Comp 2 */
.learnmore1-pg .comp2-c
{
max-width: 300px;
}
.learnmore1-pg figure.comp2
{
background-image: url("../images/welcome/learn-more/learnmore1-section2-s.jpg");
}
/* Comp 3 */
.learnmore1-pg .comp3-c
{
max-width: 300px;
}
.learnmore1-pg figure.comp3
{
background-image: url("../images/welcome/learn-more/learnmore1-section3-s.jpg");
}
/*(Learn More 2) News
----------------------------------------*/
/*(Learn More 3 pg.) Colleagues
----------------------------------------*/
/* Comp 1 */
.learnmore3-pg .comp1-c
{
max-width: 500px;
}
.learnmore3-pg figure.comp1
{
background-image: url("../images/welcome/learn-more/learnmore3-section1-s.jpg");
}
/* Comp 2 */
.learnmore3-pg .comp2-c
{
max-width: 200px;
}
.learnmore3-pg figure.comp2
{
background-image: url("../images/welcome/learn-more/learnmore3-section2-s.png");
}
/* Comp 3 */
.learnmore3-pg .comp3-c
{
max-width: 300px;
}
.learnmore3-pg figure.comp3
{
background-image: url("../images/welcome/learn-more/learnmore3-section3-s.jpg");
}
}
@media only screen and (min-width:600px){
/*Welcome pg.
---------------------------------*/
/* Bottom Section */
/* Comp 1 */
.welcome-pg figure.comp1
{
background-image: url("../images/welcome/comp1.png");
}
.welcome-pg .comp2-c
{
max-width: 350px;
}
.welcome-pg figure.comp2
{
background-image: url("../images/welcome/comp2.png");
}
.welcome-pg figure.comp3
{
background-image: url("../images/welcome/comp3.png");
}
.tour-nav
{
}
/* (Learn More 1 pg.) Lectures
----------------------------------------*/
.learnmore1-pg .col-lg-8 {padding:0 50px;}
/* Comp 1 */
.learnmore1-pg figure.comp1
{
background-image: url("../images/welcome/learn-more/learnmore1-section1.jpg");
}
/* Comp 2 */
.learnmore1-pg figure.comp2
{
background-image: url("../images/welcome/learn-more/learnmore1-section2.jpg");
}
/* Comp 3 */
.learnmore1-pg figure.comp3
{
background-image: url("../images/welcome/learn-more/learnmore1-section3.jpg");
}
/*(Learn More 3 pg.) Colleagues
----------------------------------------*/
/* Comp 1 */
.learnmore3-pg figure.comp1
{
background-image: url("../images/welcome/learn-more/learnmore3-section1.jpg");
}
/* Comp 2 */
.learnmore3-pg figure.comp2
{
background-image: url("../images/welcome/learn-more/learnmore3-section2.png");
}
/* Comp 3 */
.learnmore3-pg figure.comp3
{
background-image: url("../images/welcome/learn-more/learnmore3-section3.jpg");
}
}
@media only screen and (max-width:767px)
{
header .site-logo {display: none;}
.site-logo
{
margin: 0 auto;
width: 143px; height: 50px;
position: absolute;
top:0; left: 0; right: 0;
}
li.li-pg-header , .pg-header {border-top: 0px;}
}
@media only screen and (max-width:480px)
{
.site-logo
{
width: 100px; height: 35px;
top: 5px;
}
}
@media only screen and (max-width:991px)
{
/*(Learn More 3) Colleagues
----------------------------------------*/
/* Comp 2 */
.learnmore3-pg .section2 .col-lg-4
{
order: 2;
}
.learnmore3-pg .section2 .col-lg-8
{
order: 1;
}
/* Comp 3 */
.learnmore3-pg .section3
{
position: relative;
min-height: 500px;
}
.learnmore3-pg .comp3-c
{
max-width: 350px;
position: absolute;
right: 0; bottom: 0;
}
/* ---------- */
.learnmore3-pg h2
{
text-align: center;
}
.learnmore3-pg p
{
width: 100%;
margin: 20px auto;
}
}
@media only screen and (min-width:992px)
{
/*(Learn More 1) Lectures
----------------------------------------*/
.learnmore1-pg .comp3-c
{
position: relative;
top: 0; right: 0;
}
/*(Learn More 3) Colleagues
----------------------------------------*/
/* Comp 1 */
.learnmore3-pg .section1 .col-lg-5
{
z-index: 10;
}
.learnmore3-pg .comp1-c
{
position: absolute;
bottom: 0; right: 15%;
z-index: 1;
}
/* Comp 2 */
.learnmore3-pg .section2
{
z-index: 10;
}
.learnmore3-pg .comp2-c
{
position: absolute;
top: -50px; right: 0;
}
/* Comp 3 */
.learnmore3-pg .comp3-c
{
position: absolute;
bottom: 0; right: 0;
}
.learnmore3-pg .section3 .col-lg-6:first-child
{
padding: 0 40px;
}
}
@media only screen and (min-width:768px)
{
/*Site Logo*/
.site-logo {width: 200px; height: 70px;}
.navbar .site-logo {display: none;}
}
@media
/* 1.3 dpr */
(-webkit-min-device-pixel-ratio: 1.3) and (max-width:599px),
(min-resolution: 124.8dpi) and (max-width:599px),
/* 1.25 dpr */
(-webkit-min-device-pixel-ratio: 1.25) and (max-width:599px),
(min-resolution: 120dpi) and (max-width:599px),
/* 1.5 dpr */
(-webkit-min-device-pixel-ratio: 1.5) and (max-width:599px),
(min-resolution: 144dpi) and (max-width:599px),
/* high-res graphics */
(min-resolution: 192dpi) and (max-width:599px),
(min-resolution: 2dppx) and (max-width:599px)
{
/*Welcome pg.
---------------------------------*/
.welcome-pg figure.comp1 {background-image: url("../images/welcome/comp1-s@2x.png");}
.welcome-pg figure.comp2 {background-image: url("../images/welcome/comp2-s@2x.png");}
.welcome-pg figure.comp3 {background-image: url("../images/welcome/comp3-s@2x.png");}
}
@media
/* 1.3 dpr */
(-webkit-min-device-pixel-ratio: 1.3) and (min-width:600px),
(min-resolution: 124.8dpi) and (min-width:600px),
/* 1.25 dpr */
(-webkit-min-device-pixel-ratio: 1.25) and (min-width:600px),
(min-resolution: 120dpi) and (min-width:600px),
/* 1.5 dpr */
(-webkit-min-device-pixel-ratio: 1.5) and (min-width:600px),
(min-resolution: 144dpi) and (min-width:600px),
/* high-res graphics */
(min-resolution: 192dpi) and (min-width:600px),
(min-resolution: 2dppx) and (min-width:600px)
{
/*Welcome pg.
---------------------------------*/
.welcome-pg figure.comp1 {background-image: url("../images/welcome/comp1@2x.png");}
.welcome-pg figure.comp2 {background-image: url("../images/welcome/comp2@2x.png");}
.welcome-pg figure.comp3 {background-image: url("../images/welcome/comp3@2x.png");}
}