You are here

buttons.css in Layout Builder Modal 8

#layout-builder-modal .button{position:relative;display:inline-block;box-sizing:border-box;padding:4px 1.5em;cursor:pointer;-webkit-transition:all 0.1s;transition:all 0.1s;text-align:center;text-decoration:none;color:#333;border:1px solid #a6a6a6;border-radius:20em;background-color:#f2f1eb;background-image:-webkit-linear-gradient(top, #f6f6f3, #e7e7df);background-image:linear-gradient(to bottom, #f6f6f3, #e7e7df);text-shadow:0 1px rgba(255,255,255,0.6);font-size:14px;font-size:0.875rem;font-weight:600;line-height:normal;-webkit-appearance:none;-moz-appearance:none;-webkit-font-smoothing:antialiased}#layout-builder-modal .button:hover,#layout-builder-modal .button:focus{text-decoration:none;color:#1a1a1a;outline:none;background-color:#f9f8f6;background-image:-webkit-linear-gradient(top, #fcfcfa, #e9e9dd);background-image:linear-gradient(to bottom, #fcfcfa, #e9e9dd)}#layout-builder-modal .button:hover{box-shadow:0 1px 2px rgba(0,0,0,0.125)}#layout-builder-modal .button:focus{z-index:10;border:1px solid #3ab2ff;box-shadow:0 0 0.5em 0.1em rgba(51,177,255,0.7)}#layout-builder-modal .button:active{-webkit-transition:none;transition:none;border:1px solid #a6a6a6;background-color:#dfdfd9;background-image:-webkit-linear-gradient(top, #f6f6f3, #e7e7df);background-image:linear-gradient(to bottom, #f6f6f3, #e7e7df);box-shadow:inset 0 1px 3px rgba(0,0,0,0.2)}#layout-builder-modal .button--primary{color:#fff;border-color:#1e5c90;background-color:#0071b8;background-image:-webkit-linear-gradient(top, #007bc6, #0071b8);background-image:linear-gradient(to bottom, #007bc6, #0071b8);text-shadow:0 1px rgba(0,0,0,0.5);font-weight:700;-webkit-font-smoothing:antialiased}#layout-builder-modal .button--primary:hover,#layout-builder-modal .button--primary:focus{color:#fff;border-color:#1e5c90;background-color:#2369a6;background-image:-webkit-linear-gradient(top, #0c97ed, #1f86c7);background-image:linear-gradient(to bottom, #0c97ed, #1f86c7)}#layout-builder-modal .button--primary:focus{border:1px solid #1280df}#layout-builder-modal .button--primary:hover{box-shadow:0 1px 2px rgba(23,26,28,0.25)}#layout-builder-modal .button--primary:active{border-color:#144b78;background-image:-webkit-linear-gradient(top, #08639b, #0071b8);background-image:linear-gradient(to bottom, #08639b, #0071b8);box-shadow:inset 0 1px 3px rgba(0,0,0,0.2)}#layout-builder-modal .button-action:before{margin-left:-0.2em;padding-right:0.2em;font-size:14px;font-size:0.875rem;line-height:16px;-webkit-font-smoothing:auto}#layout-builder-modal [dir="rtl"] .button-action:before{margin-right:-0.2em;margin-left:0;padding-right:0;padding-left:0.2em}#layout-builder-modal .no-touchevents .button--small{padding:2px 1em;font-size:13px;font-size:0.813rem}#layout-builder-modal .button:disabled,#layout-builder-modal .button:disabled:active,#layout-builder-modal .button.is-disabled,#layout-builder-modal .button.is-disabled:active{cursor:default;color:#5c5c5c;border-color:#d4d4d4;background:#ededed;box-shadow:none;text-shadow:0 1px rgba(255,255,255,0.6);font-weight:normal}#layout-builder-modal .link{display:inline;padding:0;cursor:pointer;text-decoration:none;color:#0074bd;border:0;background:none;-webkit-appearance:none;-moz-appearance:none}#layout-builder-modal .link:hover,#layout-builder-modal .link:focus{text-decoration:underline;color:#008ee6}#layout-builder-modal .button--danger{display:inline;padding:0;cursor:pointer;text-decoration:underline;color:#c72100;border:0;border-radius:0;background:none;box-shadow:none;font-weight:400;-webkit-appearance:none;-moz-appearance:none}#layout-builder-modal .button--danger:hover,#layout-builder-modal .button--danger:focus,#layout-builder-modal .button--danger:active{padding:0;text-decoration:underline;color:#ff2a00;border:0;background:none;box-shadow:none;text-shadow:none}#layout-builder-modal .button--danger:disabled,#layout-builder-modal .button--danger.is-disabled{padding:0;cursor:default;text-decoration:none;color:#737373;border:0;background:none;box-shadow:none;-webkit-font-smoothing:antialiased}

File

theme/seven/css/buttons.css
View source
  1. #layout-builder-modal .button{position:relative;display:inline-block;box-sizing:border-box;padding:4px 1.5em;cursor:pointer;-webkit-transition:all 0.1s;transition:all 0.1s;text-align:center;text-decoration:none;color:#333;border:1px solid #a6a6a6;border-radius:20em;background-color:#f2f1eb;background-image:-webkit-linear-gradient(top, #f6f6f3, #e7e7df);background-image:linear-gradient(to bottom, #f6f6f3, #e7e7df);text-shadow:0 1px rgba(255,255,255,0.6);font-size:14px;font-size:0.875rem;font-weight:600;line-height:normal;-webkit-appearance:none;-moz-appearance:none;-webkit-font-smoothing:antialiased}#layout-builder-modal .button:hover,#layout-builder-modal .button:focus{text-decoration:none;color:#1a1a1a;outline:none;background-color:#f9f8f6;background-image:-webkit-linear-gradient(top, #fcfcfa, #e9e9dd);background-image:linear-gradient(to bottom, #fcfcfa, #e9e9dd)}#layout-builder-modal .button:hover{box-shadow:0 1px 2px rgba(0,0,0,0.125)}#layout-builder-modal .button:focus{z-index:10;border:1px solid #3ab2ff;box-shadow:0 0 0.5em 0.1em rgba(51,177,255,0.7)}#layout-builder-modal .button:active{-webkit-transition:none;transition:none;border:1px solid #a6a6a6;background-color:#dfdfd9;background-image:-webkit-linear-gradient(top, #f6f6f3, #e7e7df);background-image:linear-gradient(to bottom, #f6f6f3, #e7e7df);box-shadow:inset 0 1px 3px rgba(0,0,0,0.2)}#layout-builder-modal .button--primary{color:#fff;border-color:#1e5c90;background-color:#0071b8;background-image:-webkit-linear-gradient(top, #007bc6, #0071b8);background-image:linear-gradient(to bottom, #007bc6, #0071b8);text-shadow:0 1px rgba(0,0,0,0.5);font-weight:700;-webkit-font-smoothing:antialiased}#layout-builder-modal .button--primary:hover,#layout-builder-modal .button--primary:focus{color:#fff;border-color:#1e5c90;background-color:#2369a6;background-image:-webkit-linear-gradient(top, #0c97ed, #1f86c7);background-image:linear-gradient(to bottom, #0c97ed, #1f86c7)}#layout-builder-modal .button--primary:focus{border:1px solid #1280df}#layout-builder-modal .button--primary:hover{box-shadow:0 1px 2px rgba(23,26,28,0.25)}#layout-builder-modal .button--primary:active{border-color:#144b78;background-image:-webkit-linear-gradient(top, #08639b, #0071b8);background-image:linear-gradient(to bottom, #08639b, #0071b8);box-shadow:inset 0 1px 3px rgba(0,0,0,0.2)}#layout-builder-modal .button-action:before{margin-left:-0.2em;padding-right:0.2em;font-size:14px;font-size:0.875rem;line-height:16px;-webkit-font-smoothing:auto}#layout-builder-modal [dir="rtl"] .button-action:before{margin-right:-0.2em;margin-left:0;padding-right:0;padding-left:0.2em}#layout-builder-modal .no-touchevents .button--small{padding:2px 1em;font-size:13px;font-size:0.813rem}#layout-builder-modal .button:disabled,#layout-builder-modal .button:disabled:active,#layout-builder-modal .button.is-disabled,#layout-builder-modal .button.is-disabled:active{cursor:default;color:#5c5c5c;border-color:#d4d4d4;background:#ededed;box-shadow:none;text-shadow:0 1px rgba(255,255,255,0.6);font-weight:normal}#layout-builder-modal .link{display:inline;padding:0;cursor:pointer;text-decoration:none;color:#0074bd;border:0;background:none;-webkit-appearance:none;-moz-appearance:none}#layout-builder-modal .link:hover,#layout-builder-modal .link:focus{text-decoration:underline;color:#008ee6}#layout-builder-modal .button--danger{display:inline;padding:0;cursor:pointer;text-decoration:underline;color:#c72100;border:0;border-radius:0;background:none;box-shadow:none;font-weight:400;-webkit-appearance:none;-moz-appearance:none}#layout-builder-modal .button--danger:hover,#layout-builder-modal .button--danger:focus,#layout-builder-modal .button--danger:active{padding:0;text-decoration:underline;color:#ff2a00;border:0;background:none;box-shadow:none;text-shadow:none}#layout-builder-modal .button--danger:disabled,#layout-builder-modal .button--danger.is-disabled{padding:0;cursor:default;text-decoration:none;color:#737373;border:0;background:none;box-shadow:none;-webkit-font-smoothing:antialiased}