styles.css

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}::-moz-selection{background:#7ed0f5;color:#fff}::selection{background:#7ed0f5;color:#fff}#app,.full-cover,.root-comp,body,html{height:100%;padding:0;margin:0;display:flex;flex-direction:column}.action{cursor:pointer}.action:hover{background-color:#eee;border-radius:2px}.action-text,.add-task-wrapper,.card-menu .action,.editor .controls .cancel,.editor .controls .delete{line-height:1.99;cursor:pointer;color:#828282;padding:0 5px}.action-text:hover,.add-task-wrapper:hover,.card-menu .action:hover,.editor .controls .cancel:hover,.editor .controls .delete:hover{text-decoration:underline;color:inherit;background-color:rgba(0,0,0,.129)}#app,.root-comp,body,html{color:#5a5a5a;overflow:hidden;background-color:#1976bb}header{flex:none;background-color:#0e65a7;text-align:center;padding-top:6px;position:relative}a.source-code{display:block;position:absolute;right:10px;bottom:7px;text-decoration:none;color:#9ba5a7;font-size:14px}a.source-code:hover{color:#f7f7f7;text-decoration:underline}.app-name{font-family:Galada,cursive;font-size:25px;color:#f7f7f7;margin:0;line-height:1.5}.app-board-container{flex-grow:1;position:relative}.app-board{position:absolute;top:0;bottom:0;left:0;right:0;padding:10px;white-space:nowrap;overflow-y:hidden;overflow-x:auto;padding-bottom:10px;margin-bottom:10px}.add-a-list-btn-container{flex-grow:1;background-color:#c7c7c7;padding:4px;font-size:14px;border-radius:2px;cursor:pointer}.add-a-list-btn-container:hover{background-color:#a9a9a9}.add-a-list-btn-container.show-addlist-editor{background-color:transparent;cursor:default}.add-a-list-btn{padding:4px}.list-container{width:270px;height:100%;display:inline-block;margin-right:10px;overflow:hidden}.list-container:last-child{margin-right:0}.list{display:flex;flex-direction:column;background-color:#e2e2e2;border-radius:2px;box-shadow:0 1px 4px 0 rgba(0,0,0,.15);white-space:normal;max-height:100%;position:relative}.list-title{flex:none;margin:0;font-size:16px;font-weight:700;padding:8px;line-height:1}.add-card-btn{text-decoration:none;color:#8c8c8c;font-size:14px;padding:10px 0 8px 8px;border-radius:0 0 2px 2px}.add-card-btn:hover{background-color:rgba(0,0,0,.129);text-decoration:underline;color:inherit}.cards-container{flex-grow:1;padding:0 4px;margin:0 4px;overflow-y:auto;overflow-x:hidden}.cards-container .editor{margin-bottom:8px}.cards-container::-webkit-scrollbar{width:7px}.cards-container::-webkit-scrollbar-track{background-color:#d6d5d5;border-radius:10px}.cards-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1);border-radius:10px}.card,.editor textarea.add-card{padding:7px;margin-bottom:8px;border-radius:2px;background-color:#fff;color:#828282;position:relative;box-shadow:0 1px 1px 0 rgba(0,0,0,.15)}.card .card-description,.card .card-title,.card .task,.editor textarea.add-card .card-description,.editor textarea.add-card .card-title,.editor textarea.add-card .task{padding-left:5px;padding-right:5px}.placeholder{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#d6d5d5}.card-title-container{max-width:218px;padding-bottom:5px}.card-title-container i.fa{font-size:18px}.card-title{font-size:16px;padding-top:2px;padding-bottom:2px}.card-title .title{padding-left:5px}.delete-list-icon,.menu-icon{color:#b7b7b7;padding:1px;text-align:center;font-size:14px;position:absolute;right:5px;top:5px}.delete-list-icon i,.menu-icon i{float:left;width:18px;height:18px;line-height:19px}.delete-list-icon:hover{background-clolor:#fff;color:#f93131}.card-menu{width:145px;margin:0 5px;position:fixed;background-color:#fff;border-radius:2px;z-index:2;font-size:15px;box-shadow:0 3px 10px rgba(0,0,0,.156863),0 3px 10px rgba(0,0,0,.227451)}.card-menu hr{margin:7px 0;border:0;border-top:1px solid #ccc}.card-menu .header{text-align:center;font-size:13.5px;padding-top:7px}.card-menu .action{padding:0 10px}.card-menu .action:hover{background-color:#eee}.card-details{font-size:14.5px}.card-details>*{margin-top:10px}.card-details>:first-child{margin-top:15px}.description .editor{margin-left:5px}.card-description{padding:5px 0}.add-description-prompt{font-size:13px;color:#c5c5c5;border:1px dashed #d6d5d5;padding:4px;border-radius:3px;margin-left:5px}.add-task-wrapper{padding:0;color:#bbb;padding-left:20px}.add-task-wrapper:hover{background-color:#eee}.add-task-wrapper.active{color:#5a5a5a}.add-task-wrapper.active:hover{background-color:transparent;text-decoration:none;cursor:default}.check-list{margin:0;padding:0;line-height:1.5;list-style:none}.check-list .task{display:flex;padding-top:5px;padding-bottom:2px;line-height:1.5}.check-list .task i.fa{font-size:19px;line-height:.9;margin-right:3px}.check-list .editor-wrapper{flex-grow:1;display:inline-block;margin-top:-5px;margin-bottom:5px}.check-list .task-name{display:inline-block;padding:0 4px;margin-left:3px;margin-top:-3px;width:100%}.check-list .task-name.done{text-decoration:line-through;font-style:italic;color:#d6d5d5}.editor{display:flex}.editor form{flex-grow:1}.editor .input-container{display:flex}.editor textarea{flex-grow:1;border-radius:2px;resize:none;overflow:hidden}.editor textarea.add-list,.editor textarea.edit-checklist{border:1px solid #d6d5d5;-webkit-appearance:none;background-color:#f7f7f7;box-shadow:inset 0 1px 8px rgba(0,0,0,.1);height:22px;line-height:1.5;padding:4px}.editor textarea.add-card{border:none;height:45px;margin-bottom:0}.editor textarea.edit-checklist{background-color:#fcfcfc;box-shadow:inset 0 1px 4px rgba(0,0,0,.1);height:20px;padding:3px 4px}.editor textarea:focus{outline:none}.editor .controls{margin-top:10px;font-size:13px;display:flex;justify-content:space-between}.editor .controls button{border:none;background-color:#03a9f4;box-shadow:0 1px 0 #026d9c;color:#fff;border-radius:2px;width:55px;height:25px}.editor .controls button:hover{background-color:#0387c1}.editor .controls button:focus{outline:none}