/* ---------------------*/ /* --- Global styles ---*/ /* ---------------------*/ .marginRight300 { margin-right: 300px; } .marginTop20 { margin-top: 20px; } /* ---------------------*/ /* ----- Tabs style ----*/ /* ---------------------*/ .tabBox { border-radius: 4px; margin: 10px 0 40px 0; float: left; width: 100%; } .tabBox > input[type="radio"] { position: absolute; left:-100px; top:-100px; } .tabBox > input[type="radio"] + label { display: inline-block; border: 1px solid #DEDBD1; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-bottom: 0; padding: 8px 10px; background-color:#ddd; color: #111; font-size: 13px; } .tabBox > input[type="radio"]:checked + label { background-color:white; font-weight: bold; margin-bottom: -1px; color: #0073aa; border-top: 1px solid #1A9AC9; } .tabBox > div { display: none; border: 1px solid #DEDBD1; background-color: white; padding: 10px 20px 10px 20px; height: auto; overflow: auto; margin-top: -1px; border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; } #aDBc-clean:checked ~ .tab1, #aDBc-optimize:checked ~ .tab2, #aDBc-reset:checked ~ .tab3{ display: block; min-height: 400px; } /* ---------------------------------*/ /* ----- "Clean DB" tabs styles ----*/ /* ---------------------------------*/ /* Style for count numbers */ .aDBcCount { text-align: right !important; color: #666 !important; } /* Style for check box */ input[type=checkbox] { visibility: hidden; } /* SQUARED FOUR */ .squaredFour { position: relative; text-align: center; } .squaredFour label { cursor: pointer; position: absolute; width: 16px; height: 16px; top: 0; border-radius: 4px; border: 1px solid #999; background: #fcfff4; } .squaredFour label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 7px; height: 4px; background: transparent; top: 4px; left: 4px; border: 2px solid #71ADE1; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .squaredFour label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; } .squaredFour input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /* Style for sidebar */ .aDBcSidebar { float:right; border: 1px solid #ccc; background: #fff; margin-right: -300px; margin-top:44px; width: 280px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .aDBcSidebar > div{ padding: 15px; } .aDBcSidebar h2{ font-size:20px; } /* Box warning */ .box-warning { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff5cc url("../images/warning.png") no-repeat scroll 8px 50%; border-color: #f2dd8c; color: #404040; padding: 10px 10px 10px 50px; margin-top: 20px; } /* Info box */ .box-info { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #e1f1ff url("../images/info.png") no-repeat scroll 8px 50%; border-color: #a3d4ff; color: #404040; padding: 10px 10px 10px 60px; margin-top: 20px; } /* boxes in tab to inform users about the current option */ .box-notice{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #eee; margin-top:40px; padding:10px; background:#F4F4F4; width:300px; font-size: 12px; text-align:justify; color: #888; } /* For Data already cleaned */ .already-cleaned{ float: left; background:#c4c4c4; padding:2px 6px 2px 6px; border-radius: 8px; color: #fff; margin: 2px; font-size: 11px; }