/* Styling for tabs */ #astoundd3 p { font-size:1.2em; } astound_tab { list-style:none; height:2em; padding:0; margin:0; } astound_tab li { float:left; margin:0; } astound_tab li span { display:block; padding:0 1em; border:thin solid black; background-color:LightGray; margin:0; font-size:1.1em; font-weight:bold; /* CSS 3 elements */ webkit-border-top-right-radius:0.50em; -webkit-border-top-left-radius:0.50em; -moz-border-radius-topright:0.50em; -moz-border-radius-topleft:0.50em; border-top-right-radius:0.50em; border-top-left-radius:0.50em; } astound_tab li span:hover { background:ivory; } astound_tab li.astound_select span { background:#f1f1f1; border-bottom:none; } /* styling of checkbox for astound plugin */ .switch { position: relative; display: inline-block; width: 30px; height: 17px; } /* 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; display:block; } .slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } /* Rounded sliders */ .slider.round { border-radius: 17px; } .slider.round:before { border-radius: 50%; }