kss/demo/styles.css

The Node.js port of KSS: A methodology for documenting CSS and building style guides

.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px 20px;color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;text-transform:lowercase;text-decoration:none;cursor:pointer;border-radius:3px;background-color:#aaa;border:1px solid #777;text-shadow:0 2px 0 #919191;box-shadow:0 3px 0 0 #5e5e5e,inset 0 1px 3px rgba(255,255,255,.4);background-image:-webkit-linear-gradient(top,rgba(255,255,255,.125) 0,rgba(0,0,0,.125) 100%)}.button:active,.button:hover,.button:visited{color:#fff}.button:hover{background-color:#bebebe;text-shadow:0 2px 0 #a5a5a5;box-shadow:0 3px 0 0 #727272,inset 0 1px 3px rgba(255,255,255,.4);background-image:-webkit-linear-gradient(top,rgba(255,255,255,.125) 0,rgba(0,0,0,.125) 100%);border:1px solid #777}.button:active{position:relative;top:3px;box-shadow:none!important}.button.primary{background-color:#5c4;border:1px solid #318624;text-shadow:0 2px 0 #3fae2f;box-shadow:0 3px 0 0 #225e19,inset 0 1px 3px rgba(255,255,255,.4);background-image:-webkit-linear-gradient(top,rgba(255,255,255,.125) 0,rgba(0,0,0,.125) 100%)}.button:disabled{background-color:#ddd;border:1px solid #aaa;text-shadow:0 2px 0 #c4c4c4;box-shadow:0 3px 0 0 #919191,inset 0 1px 3px rgba(255,255,255,.4);background-image:-webkit-linear-gradient(top,rgba(255,255,255,.125) 0,rgba(0,0,0,.125) 100%);cursor:default}.button.remove{background-color:#c54;border:1px solid #863124;text-shadow:0 2px 0 #ae3f2f;box-shadow:0 3px 0 0 #5e2219,inset 0 1px 3px rgba(255,255,255,.4);background-image:-webkit-linear-gradient(top,rgba(255,255,255,.125) 0,rgba(0,0,0,.125) 100%)}input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;font-size:14px;line-height:1.5em;padding:8px;border:1px solid #aaa;background-color:#eee;outline:0;border-radius:3px;box-shadow:inset 1px 1px 1px rgba(0,0,0,.15)}input[type=text]:hover{border-color:#999;background-color:#f0f0f0}input[type=text]:focus{border-color:#89e;background-color:#fff;box-shadow:inset 1px 1px 2px rgba(20,20,120,.3)}input[type=text]:disabled{border-color:#ccc;background-color:#eee;color:#999}.mod-input{position:relative;display:block}.mod-input>label{width:45%;font-weight:700}.mod-input>input,.mod-input>label{display:-moz-inline-stack;display:inline-block;zoom:1}.mod-input.disabled{color:#888}.mod-input.disabled input{border-color:#ccc;background-color:#eee;color:#999}.mod-input.invalid label{color:#911}.mod-input.invalid input{border-color:#e65;background-color:#fdd}.mod-input.valid label{color:#191}.mod-input.valid input{border-color:#6e5;background-color:#dfd}