Line 77: | Line 77: | ||
#editorsHighlights { | #editorsHighlights { | ||
border: 1px solid rgba(0, 0, 0, 0.3); | border: 1px solid rgba(0, 0, 0, 0.3); | ||
− | border-radius: | + | border-radius: 3px; |
box-shadow:0 1px 0 rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1); | box-shadow:0 1px 0 rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1); | ||
height: 40px; | height: 40px; |
Revision as of 07:39, 31 August 2017
.col-sm-6 {
height:1500px; background:#eee;
}
/**************SWITCH************/ /* The switch - the box around the slider */ .switch {
display: inline-block; height: 18px; position: relative; top: 25px; left: 35px; transform: rotate(-90deg); width: 38px;
}
/* Hide default HTML checkbox */ .switch input {display:none;}
/* The slider */ .slider {
position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;
}
.slider:before {
background-color: white; bottom: 2px; content: ""; height: 14px; left: 2px; position: absolute; transition: all 0.4s ease 0s; width: 14px;
}
input:checked + .slider {
background-color: #689C43;
}
input:focus + .slider {
box-shadow: 0 0 1px #689C43;
}
input:checked + .slider:before {
-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);
}
/* Rounded sliders */ .slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
/****************HIGHLIGHT BUTTON*****************/
- editorsHighlightsOuter {
cursor: pointer;
}
- editorsHighlights {
border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 3px; box-shadow:0 1px 0 rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1); height: 40px; margin-top: -15px; padding: 2px 0 0 10px; width: 150px; cursor: pointer; margin-left: 70px;
}
- editorsHighlightsInner {
text-align: center; vertical-align: middle; line-height: 40px; margin:0px auto; }
.highlightOverlay.active {
background-color: rgba(0,0,0,0.55); position: fixed; height: 100%; width: 100%; bottom: 0; left: 0; right: 0; top: 0; z-index: 50;
}
- HQ_page p.active {
color:rgba(0,0,0,0.25) !important;
}
span.highlighted.active {
background-color:#E2DCA8; box-shadow:0 1px 0 rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1); padding: 2.5px 0px 0.8px 0px; position:relative; z-index:101; color:rgba(0,0,0,0.8) !important; border-radius: 1px;
}
- editorsHighlightsInner.active > p.active {
color:rgba(0,0,0,0.8) !important;
}
/**************************START OF NAVBAR***********************/ a {
text-decoration: none !important;
}
- navbar {
position:fixed; left:0; top:16px; right:0; height:72px; overflow:hidden; background: rgba(248,248,248,.99); z-index:102; box-shadow:0 1px 0 rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);
}
.nav-tabs > li, .nav-pills > li {
float:none; display:inline-block; *display:inline; /* ie7 fix */ zoom:1; /* hasLayout ie7 trigger */ margin-bottom: -10px;
}
.nav-tabs, .nav-pills {
text-align:center;
}
.nav-tabs > li > a {
font-size:16px;
}
.nav-tabs > #navbarPresentation> a {
color:#37606E;
}
.nav-tabs > #navbarIntroduction> a {
color:#547983;
}
.nav-tabs > #navbarProject> a {
color:#376A2F;
}
.nav-tabs > #navbarProcedures> a {
color:#689C43;
}
.nav-tabs > #navbarPractices> a {
color:#A8883D;
}
.nav-tabs > #navbarProspects> a {
color:#CFB26E;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #556E3F; cursor: default; background-color: rgb(248, 248, 248); border: 1px solid #ddd; border-bottom-color: transparent; height: 38px;
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none; background-color: #eee; height: 38px;
}
.nav > li > a {
padding: 8px 15px 15px 15px;
}
a.anchor {
display:block; position:relative; top:-60px; visibility:hidden;
}
/***********SUBNAVBAR*********/
- menu1 h5 {
color: #37606E;
}
- menu2 h5 {
color: #547983;
}
- menu3 h5 {
color: #376A2F;
}
- menu4 h5 {
color: #689C43;
}
- menu5 h5 {
color: #A8883D;
}
- menu6 h5 {
color: #CFB26E;
}
a:hover h5 {
color: #73918A;
}
.navbar-nav {
width: 100%; text-align: center;
}
.nav-item.nav-link {
display: inline-block; padding-right: 20px; padding-left: 20px;
}
.navbar-nav a:hover {
background-color: #eee; padding-top: 1px; margin-top: -2px; border-radius: 0px 0px 5px 5px;
}
.anchorMargin {
padding-top:80px; margin-top:-80px;
}
.nav-item.nav-link.active {
text-decoration: underline !important;
}
/**************************END OF NAVBAR***********************/
/**********************PROGRESS BAR************************/
.progressContainer {
width:75%; height: 1px; position: absolute; margin-bottom: 0px; overflow: hidden; background-color: rgba(200,200,200,.5); content: ""; display: table; table-layout: fixed; z-index:1000; left:12%; bottom:30%;
}
.active .progressContainer {
position: absolute; left:12%; bottom:14%;
}
.nav > li > a:hover + .progressContainer {
position: absolute; left:12%; bottom: 14%;
}
.progressBar1 {
width: 0%; float: left; height: 1px; z-index:99; max-width: 100%; background-color:#76925E; -webkit-transition: width .0s ease; -o-transition: width .0s ease; transition: width .0s ease;
}
.progressBar2 {
width: 0%; float: left; height: 1px; z-index:99; max-width: 100%; background-color:#76925E; -webkit-transition: width .0s ease; -o-transition: width .0s ease; transition: width .0s ease;
}
.progressBar3 {
width: 0%; float: left; height: 1px; z-index:99; max-width: 100%; background-color:#76925E; -webkit-transition: width .0s ease; -o-transition: width .0s ease; transition: width .0s ease;
}
.progressBar4 {
width: 0%; float: left; height: 1px; z-index:99; max-width: 100%; background-color:#76925E; -webkit-transition: width .0s ease; -o-transition: width .0s ease; transition: width .0s ease;
}
.progressBar5 {
width: 0%; float: left; height: 1px; z-index:99; max-width: 100%; background-color:#76925E; -webkit-transition: width .0s ease; -o-transition: width .0s ease; transition: width .0s ease;
}
.progressBar6 {
width: 0%; float: left; height: 1px; z-index:99; max-width: 100%; background-color:#76925E; -webkit-transition: width .0s ease; -o-transition: width .0s ease; transition: width .0s ease;
}