wbotelhos/notify

View on GitHub
demo/stylesheets/labs.css

Summary

Maintainability
Test Coverage
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*{text-rendering:optimizelegibility}*,*:before,*:after{-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important}*::-moz-placeholder{color:#e0e0e0}*::-moz-selection{background-color:#cce2ff}*::-moz-selection{background-color:#ffc;color:#555}a{color:#369}a:hover{color:#1ab8f3}a:active{color:#0aa5df}article{margin-top:20px}article h2{font-size:1.6em}article h3{font-size:1.5em}article ol{padding-left:10px}article p{font-size:1.45em}article pre{white-space:pre}article li{font-size:1.4em;list-style:inside}article ul{font-size:0.9em;padding-bottom:10px;padding-left:5px}article .body{margin-top:20px;word-wrap:break-word}blockquote{background:url(../fonts/quote-2fae1e7bd06251d5537226c926785216.gif) no-repeat 0 0 #fcfcfc;border-radius:4px;margin-left:0;padding-left:22px}blockquote p{font-size:1.3em;padding-bottom:5px;padding-left:10px;padding-top:5px}body{background-color:#fafafa;color:#333;font-family:"Open Sans","Arial",sans-serif;font-size:10px;height:100%;line-height:1.6}code{background-color:#fefefe;border-radius:3px;border:1px solid #fbfbfb;margin:0 2px;padding:1px 5px}header .edit{display:block;font-size:1.4em;margin:10px auto 0;padding-top:8px;text-align:center;text-decoration:none;width:100px}header .edit:hover{color:#fff}img{max-width:100%}pre{background-color:#fefefe;border-radius:3px;border:1px solid #fbfbfb;color:#393939;font-family:menlo,monospace,serif;font-size:1.2em;overflow:auto;padding:10px 10px;white-space:pre}textarea{resize:vertical}textarea.code{font-family:menlo,monospace}ul{list-style:none}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.content{margin:0 auto;width:93%}.header{margin-top:10px;text-align:center}.header a{color:#3b3b3b;letter-spacing:-3px;line-height:1.1;text-decoration:none;text-shadow:2px 2px #fff}.header a:hover{color:#444}.header div{color:#888;font-size:1.3em}.input{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;background-color:#fff;border:1px solid #ccc;color:#333;font-size:1.3em;max-height:300px;min-height:25px;padding:12px 10px;transition:all 0.15s ease-in 0s;width:100%}.input:focus{border-color:#eee}.mandatory{color:#b94a48;font-size:1.3em;font-weight:bold}.navigation{margin-top:5px;text-align:center}.navigation>a,.navigation .i-heart{background-color:#fff;border-radius:4px;display:inline-block;font-size:2.3em;margin-top:8px;padding-bottom:8px;padding-top:8px}.navigation>a:hover,.navigation .i-heart:hover{color:#6ecff5;transition:color 0s ease 0s,color 0.2s ease-in 0s}.navigation>a:active,.navigation .i-heart:active{color:#0aa5df}.navigation a{color:#555;text-decoration:none}.navigation .i-heart{color:red;cursor:pointer}.navigation .i-heart:hover{color:#ff9bc3}.placeholder{float:left;margin-top:10px;padding-left:2px;padding-right:2px;width:100%}.saver{clear:both;float:right;margin-bottom:15px;margin-top:10px;width:100%}.share{margin-top:30px}.share a{background-color:#e1f4fd;display:block;height:36px;text-decoration:none}.share a:hover{background-color:#c2e8fa}.share p{color:#333;font-size:1.4em;font-weight:bold;letter-spacing:0.7px;text-align:center}.share .twitter{border:1px solid #b2e2f9;border-radius:3px;margin:0 auto;width:78px}.share .twitter i{color:#24acee;font-size:1.5em;left:28px;position:relative;top:9px}#donations{display:none;font-weight:bold;margin-top:5px;text-align:center}#donations a{color:#dc5;font-size:1.4em}#donations a:hover{color:#6ecff5;transition:color 0s ease 0s,color 0.2s ease-in 0s}#donations a:active{color:#0aa5df}#donations span{color:#ff9bc3;font-size:1.8em;padding-left:3px;padding-right:3px;vertical-align:sub}@media only screen and (min-width: 568px){body{font-size:11px}}@media only screen and (min-width: 768px){body{font-size:12px}.content{margin-top:10px;width:90%}}.highlight .nd{color:#707a7c}.highlight .c1{color:#228b22}.highlight .hll{background-color:#ffc}.highlight .c{color:#008800;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{color:#000080;font-weight:bold}.highlight .cm{color:#008800;font-style:italic}.highlight .cp{color:teal}.highlight .cs{color:#008800;font-weight:bold}.highlight .gd{color:#000000;background-color:#fdd}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000000;background-color:#dfd}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{color:#000080;font-weight:bold}.highlight .kd{color:#000080;font-weight:bold}.highlight .kn{color:#000080;font-weight:bold}.highlight .kp{color:#000080;font-weight:bold}.highlight .kr{color:#000080;font-weight:bold}.highlight .kt{color:#000080;font-weight:bold}.highlight .m{color:blue}.highlight .s{color:blue}.highlight .na{color:red}.highlight .nt{color:#000080;font-weight:bold}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:blue}.highlight .mh{color:blue}.highlight .mi{color:blue}.highlight .mo{color:blue}.highlight .sb{color:blue}.highlight .sc{color:purple}.highlight .sd{color:blue}.highlight .s2{color:blue}.highlight .se{color:blue}.highlight .sh{color:blue}.highlight .si{color:blue}.highlight .sx{color:blue}.highlight .sr{color:blue}.highlight .s1{color:blue}.highlight .ss{color:blue}.highlight .il{color:blue}@font-face{font-family:"wbotelhos";font-style:normal;font-weight:normal;src:url(../fonts/wbotelhos.eot?#iefix) format("embedded-opentype");src:url(../fonts/wbotelhos.svg#wbotelhos) format("svg");src:url(../fonts/wbotelhos.ttf) format("truetype");src:url(../fonts/wbotelhos.woff) format("woff")}[class^="i-"],[class*=" i-"]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:"wbotelhos";font-style:normal;font-variant:normal;font-weight:normal;line-height:1;speak:none;text-transform:none}.i-file-zip:before{content:"\e600"}.i-lab:before{content:"\e601"}.i-labs:before{content:"\e602"}.i-github:before{content:"\e603"}.i-linkedin:before{content:"\e604"}.i-twitter:before{content:"\e605"}.i-cog:before{content:"\e606"}.i-feed:before{content:"\e607"}.i-file:before{content:"\e608"}.i-heart:before{content:"\e609"}.i-envelope:before{content:"\e60a"}.i-exit:before{content:"\e60b"}.i-profile:before{content:"\e60c"}.button{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;border:none;color:#fff;display:inline-block;font-size:1.1em;font-weight:bold;height:45px;padding:10px}.button.blue{background-color:#6ecff5}.button.blue:hover{background-color:#1ab8f3;color:#fff}.button.blue:active{background-color:#0aa5df}.button.green{background-color:#5bbd72}.button.green:hover{background-color:#58cb73;color:#fff}.button.green:active{background-color:#4cb164}.button.green-dark{background-color:#00b5ad}.button.green-dark:hover{background-color:#009a93;color:#fff}.button.green-dark:active{background-color:#00847e}#replying-cancel,#replying-to{display:inline-block;visibility:hidden}#replying-cancel{margin-left:2px}#replying-to{margin-left:10px}#replying-to strong{color:#777}.comments{font-size:1.3em;margin-top:50px}.comments abbr{color:#aaa;font-size:0.9em;margin-left:5px}.comments blockquote p{font-size:1em}.comments h1{font-size:1.5em}.comments h2{font-size:1.3em}.comments h3,.comments h4,.comments h5,.comments h6{font-size:0.9em}.comments header{margin-bottom:5px}.comments header a{margin-right:5px;text-decoration:none}.comments ol{list-style:none;padding:0}.comments pre{font-size:0.9em}.comments ul{font-size:0.9em;list-style:circle;padding-left:5px}.comments .anchor,.comments .edit,.comments .reply{color:#777;font-size:0.9em;text-decoration:none}.comments .anchor:hover,.comments .edit:hover,.comments .reply:hover{color:#555;transition:color 0s ease 0s,color 0.2s ease-in 0s}.comments .anchor,.comments .reply{margin-right:5px}.comments .author{background-color:#ccc}.comments .avatar{height:48px;left:0;position:absolute;top:8px;width:48px}.comments .avatar img{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.comments .body{margin-bottom:10px;min-height:56px;padding-left:40px;padding-top:8px;position:relative}.comments .comment{border-top:1px solid #ddd;padding-left:15px;position:relative;word-wrap:break-word}.comments .flag{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;border-radius:3px;color:#fff;font-size:0.9em;padding:3px 7px;letter-spacing:0.7px}.comments .pending{background-color:#ff8080}.new_comment input[type="submit"],.edit_comment input[type="submit"]{margin-top:0}.new_comment textarea,.edit_comment textarea{height:100px}.new_comment .not-human input,.edit_comment .not-human input{vertical-align:top}.new_comment .not-human label,.edit_comment .not-human label{display:inline;font-size:1.2em;padding-right:5px;vertical-align:top}.new_comment a{text-decoration:none}.new_comment .tip{color:#777;font-size:1.1em;margin-top:2px}@media only screen and (min-width: 480px){.edit_comment,.new_comment{margin-left:auto;margin-right:auto;width:80%}.edit_comment{margin-top:30px}}@media only screen and (min-width: 568px){.comments abbr{font-size:0.8em}.comments pre{font-size:0.8em}.comments .anchor,.comments .edit,.comments .reply{font-size:0.9em}.comments .body{padding-left:7px}.comments .comment{padding-left:48px}.comments .flag{font-size:0.8em}.new_comment textarea,.edit_comment textarea{height:200px}.new_comment .not-human input,.new_comment .not-human label,.edit_comment .not-human input,.edit_comment .not-human label{vertical-align:middle}}@media only screen and (min-width: 1024px){.new_comment,.edit_comment{width:60%}}.navigation>a,.navigation .i-heart{width:33%}.navigation .download{font-size:1.8em;padding-bottom:5px;width:100%}.navigation .labs{margin-left:8px}.header a{font-size:2.2em}.header div{font-weight:bold}.header h1{margin-bottom:7px;margin-top:5px}@media only screen and (min-width: 768px){.header{float:left}.navigation{float:right}}