body { margin: 0 auto; padding: 20px; max-width: 980px; background: url(https://www.paypalobjects.com/webstatic/i/ex_ce2/scr/scr_content-bkgd.png) repeat #F8F8F8; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; } h1, h2, h3 { font-weight: normal; text-shadow: 0 1px 0 #fff; } h1 { margin: 10px 0 20px 0; font-size: 38px; line-height: 45px; color: #0079C1; } h2 { font-size: 1.4em; line-height: 1.4em; } h3 { margin-top: 40px; } form { margin: 12px 0; } .nav-tabs { margin: 40px 0 0; } .nav-tabs a { font-size: 20px; } .tab-content { padding-bottom: 15px; } .example { position: relative; margin: 0; padding: 22px 22px 0; background-color: white; border: 1px solid #DDD; border-top: 0; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .example pre { margin: 0 -23px; padding: 1em 24px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .edit { float: right; } .modal form { margin: 0; padding: 35px 20px 20px; } form.modal-body { max-height: 500px; } @media (min-width: 0) and (max-width: 660px) { .nav-tabs > li > a { padding: 8px; font-size: 13px; font-weight: bold; } .edit { float: none; } }