/* ---------------------*/ /* --- 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: 6px 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-cron:checked ~ .tab3, #aDBc-reset:checked ~ .tab4{ 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; } /* Top info box */ .aDBC-topBoxInfo { clear:both; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #F0F5FA url("../images/info.png") no-repeat scroll 8px 50%; color: #888; margin-bottom: 25px; padding: 10px 10px 10px 40px; max-width: 730px; } /* boxes in tab to inform users about the current option */ .aDBCRightBox{ padding:20px 0px 20px 0px; margin-bottom:5px; background:#fff; width:300px; font-size: 12px; text-align:justify; color: #888; } /* For Data already cleaned */ .already-cleaned{ float: left; background:#f4f4f4; padding:2px 6px 2px 6px; border-radius: 8px; color: #999; margin: 2px; font-size: 11px; } /* Support us like image */ .aDBC-supportUs{ background: url("../images/rate.png") no-repeat center right; } /* Tooltip */ a.tooltips { position: relative; display: inline; } a.tooltips span { position: absolute; width:400px; color: #f2f2f2; background: #000000; padding:10px; visibility: hidden; border-radius: 5px; } a.tooltips span:after { content: ''; position: absolute; top: 18px; right: 100%; margin-top: -8px; width: 0; height: 0; border-right: 8px solid #000000; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } a:hover.tooltips span { visibility: visible; opacity: 0.9; left: 100%; top: 50%; margin-top: -20.5px; margin-left: 15px; z-index: 999; }