.settings-container { margin: 25px; } .settings-container .tabs { height: 26px; } .settings-container .tabs > div { float: left; height: 25px; } .settings-container .tabs .left-space { width: 15px; } .settings-container .tabs .tab { position: relative; border-left: #DDD 1px solid; border-top: #DDD 1px solid; border-right: #DDD 1px solid; padding: 0 8px; line-height: 24px; margin-top: 2px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #FAFAFA; cursor: pointer; } .settings-container .tabs .tab.active { position: relative; z-index: 200; background-color: #FFF; border-left: #CCC 1px solid; border-top: #CCC 1px solid; border-right: #CCC 1px solid; border-bottom: #FFF 6px solid; margin-top: -2px; line-height: 29px; font-weight: bold; cursor: default; } .settings-container .tabs .middle-space { width: 8px; } .settings-container .form-container { position: relative; z-index: 100; height: 500px; border-top: #CCC 1px solid; } .settings-container .form-container .form { margin: 25px; } .settings-container .form-container .form .field { height: 40px; margin-bottom: 10px; clear: both; } .settings-container .form-container .form .field .label{ float: left; font-size: 24px; line-height: 32px; width: 140px; padding: 3px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #EAEAEA; margin-right: -10px; } .settings-container .form-container .form .field .value { float: left; } .settings-container .form-container .form .field input[type="text"]{ font-size: 24px; padding: 4px; border: #CCC 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 300px; } .settings-container .form-container .form .field input[type="button"]{ width: 120px; font-size: 24px; padding: 4px; background-color: #DDD; border: #CCC 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 5px; } .settings-container .forms { display: none; }