diff --git a/CHANGELOG.md b/CHANGELOG.md index 042ee02..9be76d5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,11 +9,16 @@ and this project adheres to [Semantic Versioning](http://semver.org/). - Tag list view - Creation date when editing a link - Filter in the toolbar to display only untagged links +- Batch link selection and deletion - Icons from iconfont in toolbar, Tools page, floating add button, etc. - 3rd party plugins and application on Tools page +- Icon for notes in link list ### Changed - Plugin error design is better integrated +### Removed +- config.MATERIAL_COLOR, config.MATERIAL_COLOR_FOCUS and config.MATERIAL_COLOR_ACTIVE customization options. The first one is still present but only acts on a meta tag in ``. They are replaced by `data/user.css` with an example in `user.example.css`. + ### Fixed - Auto-complete plugin for search field is now only initialized once diff --git a/README.md b/README.md index 8fdb147..ea06118 100644 --- a/README.md +++ b/README.md @@ -17,7 +17,7 @@ If you install an older version, please read the README.md file you'll find in t ## Compatibility -Shaarli Material was tested and validated on *Shaarli 0.9.0*. +Shaarli Material was tested and validated on *Shaarli 0.9.1*. ## Installation @@ -33,6 +33,8 @@ Please refer to the README file within the root folder of the version you downlo ## Customization +You can add your own CSS rules in file `data/user.css`. You'll find an example that shows how to change the whole theme color in `user.example.css`. + You can customize a few things using the `data/config.json.php` file of your Shaarli installation. If the file doesn't exist, just create it. Be careful to respect the JSON format notation (end lines with a comma except for the last item, just before the closing curly brace), otherwise you'll get errors. Here are parameters you can set. @@ -42,9 +44,7 @@ Here are parameters you can set. - **config.MATERIAL_NO_QRCODE**: OPTIONAL: Removes the QR code control of the theme. To completely get rid of QR Codes, you of course need to disable the qrcode plugin as well. - **config.MATERIAL_DATE_FROMNOW**: OPTIONAL: If set to true, enables dates to be displayed with the 'from now' notation. ex: 2 days ago. Set it to false to disable this. - **config.MATERIAL_DATE_PATTERN**: OPTIONAL (but REQUIRED if MATERIAL_DATE_FROMNOW is enabled): This date pattern MUST match the MATERIAL_PHP_DATE_PATTERN option but doesn't use the same notation. Check this for more information about the notation: http://momentjs.com/docs/#/parsing/string-format/ ex: 'DD/MM/YYYY'. It's used to correctly convert dates to the 'from now' notation. -- **config.MATERIAL_COLOR**: OPTIONAL: Customizes the theme's colors. I suggest picking colors from here : https://www.google.com/design/spec/style/color.html#color-color-palette with the shades 500, 600 and 700 for the 3 following settings, respectively. MATERIAL_COLOR is mandatory and represents the main color (used for the toolbar or the buttons). -- **config.MATERIAL_COLOR_FOCUS**: OPTIONAL: Used for the hover and focus effects on buttons. -- **config.MATERIAL_COLOR_ACTIVE**: OPTIONAL: Used for the active effect on button (when they are clicked). +- **config.MATERIAL_COLOR**: OPTIONAL: Customizes the theme's colors. It's used for example on Android for notification bar. It will generate ``. Here is an example of what you can configure (in real life, there will be other parameters in the file, just add those to the different categories): @@ -60,9 +60,7 @@ Here is an example of what you can configure (in real life, there will be other "MATERIAL_NO_QRCODE": true, "MATERIAL_DATE_FROMNOW": true, "MATERIAL_DATE_PATTERN": "DD/MM/YYYY HH:mm:ss", - "MATERIAL_COLOR": "#607D8B", - "MATERIAL_COLOR_FOCUS": "#546E7A", - "MATERIAL_COLOR_ACTIVE": "#455A64" + "MATERIAL_COLOR": "#607D8B" } } ``` diff --git a/material/build/styles.min.css b/material/build/styles.min.css index 0934ea5..d482f78 100644 --- a/material/build/styles.min.css +++ b/material/build/styles.min.css @@ -2,4 +2,4 @@ * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}section{display:block}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{margin:.67em 0;font-size:2em}img{border:0}hr{height:0;box-sizing:content-box}button,input,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button{-webkit-appearance:button;cursor:pointer}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}img{page-break-inside:avoid;max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}*,:after,:before{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}h1,h2,h3{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;margin-top:20px;margin-bottom:10px}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}p{margin:0 0 10px}small{font-size:85%}dd,dt{line-height:1.42857143}dd{margin-left:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-3,.col-lg-6,.col-md-6,.col-md-8,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-8,.col-sm-10,.col-xs-3,.col-xs-6,.col-xs-9,.col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-3,.col-xs-6,.col-xs-9,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-9{width:75%}.col-xs-6{width:50%}.col-xs-3{width:25%}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-8,.col-sm-10{float:left}.col-sm-10{width:83.33333333%}.col-sm-8{width:66.66666667%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}}@media (min-width:992px){.col-md-6,.col-md-8{float:left}.col-md-8{width:66.66666667%}.col-md-6{width:50%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}}@media (min-width:1200px){.col-lg-3,.col-lg-6{float:left}.col-lg-6{width:50%}.col-lg-3{width:25%}}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[type=search]{-webkit-appearance:none}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{display:table;content:" "}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}.visible-lg,.visible-md{display:none!important}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}}@media (min-width:1200px){.visible-lg{display:block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}[hidden]{display:none}.visually-hidden{position:absolute;clip:rect(0,0,0,0)}div.awesomplete{display:inline-block;position:relative}div.awesomplete>input{display:block}div.awesomplete>ul{position:absolute;left:0;z-index:1;min-width:100%;box-sizing:border-box;list-style:none;padding:0;border-radius:.3em;margin:.2em 0 0;background:hsla(0,0%,100%,.9);background:linear-gradient(to bottom right,#fff,hsla(0,0%,100%,.8));border:1px solid rgba(0,0,0,.3);box-shadow:.05em .2em .6em rgba(0,0,0,.2);text-shadow:none}div.awesomplete>ul:empty,div.awesomplete>ul[hidden]{display:none}@supports ((-webkit-transform:scale(0)) or (-ms-transform:scale(0)) or (transform:scale(0))){div.awesomplete>ul{transition:.3s cubic-bezier(.4,.2,.5,1.4);-webkit-transform-origin:1.43em -.43em;transform-origin:1.43em -.43em}div.awesomplete>ul:empty,div.awesomplete>ul[hidden]{opacity:0;-webkit-transform:scale(0);transform:scale(0);display:block;transition-timing-function:ease}}div.awesomplete>ul:before{content:"";position:absolute;top:-.43em;left:1em;width:0;height:0;padding:.4em;background:#fff;border:inherit;border-right:0;border-bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}div.awesomplete>ul>li{position:relative;padding:.2em .5em;cursor:pointer}div.awesomplete>ul>li:hover{background:#b8d3e0;color:#000}div.awesomplete>ul>li[aria-selected=true]{background:#3d6d8f;color:#fff}div.awesomplete mark{background:#eaff00}div.awesomplete li:hover mark{background:#b5d100}div.awesomplete li[aria-selected=true] mark{background:#3d6b00;color:inherit}html{color:#000;background:#fff}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:""}abbr,acronym{border:0;font-variant:normal}sub,sup{vertical-align:baseline}legend{color:#000}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}button,input,select,textarea{*font-size:100%}button{border:medium none;margin:0;padding:0;outline:0;background:transparent}@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:url(../static/fonts/roboto/Roboto-Thin.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:200;src:url(../static/fonts/roboto/Roboto-Light.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(../static/fonts/roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url(../static/fonts/roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(../static/fonts/roboto/Roboto-Bold.ttf) format("truetype")}@font-face{font-family:Material;src:url(../static/fonts/material-icons/materialdesignicons-webfont.eot);src:url(../static/fonts/material-icons/materialdesignicons-webfont.eot?#iefix) format("embedded-opentype"),url(../static/fonts/material-icons/materialdesignicons-webfont.woff2) format("woff2"),url(../static/fonts/material-icons/materialdesignicons-webfont.woff) format("woff"),url(../static/fonts/material-icons/materialdesignicons-webfont.ttf) format("truetype"),url(../static/fonts/material-icons/materialdesignicons-webfont.svg#svgFontName) format("svg");font-weight:400;font-style:normal}.animate-fade-in{-webkit-animation:a .25s ease;animation:a .25s ease}@-webkit-keyframes a{0%{opacity:0}to{opacity:1}}@keyframes a{0%{opacity:0}to{opacity:1}}.animate-fade-out{-webkit-animation:b .25s ease;animation:b .25s ease}@-webkit-keyframes b{0%{opacity:1}to{opacity:0}}@keyframes b{0%{opacity:1}to{opacity:0}}.animate-slide-from-top{-webkit-animation:c .25s ease;animation:c .25s ease}@-webkit-keyframes c{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes c{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.animate-slide-from-right{-webkit-animation:d .25s ease;animation:d .25s ease}@-webkit-keyframes d{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes d{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.animate-hide-slide-to-bottom{-webkit-animation:e .25s ease;animation:e .25s ease}@-webkit-keyframes e{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(300px);transform:translateY(300px)}}@keyframes e{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(300px);transform:translateY(300px)}}.animate-show-slide-from-bottom{-webkit-animation:f .25s ease;animation:f .25s ease}@-webkit-keyframes f{0%{opacity:0;-webkit-transform:translateY(300px);transform:translateY(300px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes f{0%{opacity:0;-webkit-transform:translateY(300px);transform:translateY(300px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.shadow-1,.subheader{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.shadow-2{box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.shadow-3{box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.shadow-4{box-shadow:0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21)}.modal,.shadow-5{box-shadow:0 27px 24px 0 rgba(0,0,0,.2),0 40px 77px 0 rgba(0,0,0,.22)}.actionbar,.shadow-top-1{box-shadow:2px 0 5px 0 rgba(0,0,0,.16),2px 0 10px 0 rgba(0,0,0,.12)}.button-raised,.button-raised[disabled],.button-raised[disabled]:active,.button-raised[disabled]:focus,.button-raised[disabled]:hover,.shadow-button{box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)}.button-raised:focus,.button-raised:hover,.shadow-button-hover{box-shadow:0 0 4px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.36)}.button-floating,.shadow-button-floating{box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)}.button-floating:focus,.button-floating:hover,.shadow-button-floating-hover{box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32)}.mdi{display:inline-block;font:normal normal normal 24px/1 Material;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0);transform:translate(0)}.mdi-arrow-left:before{content:"\F04D"}.mdi-arrow-right:before{content:"\F054"}.mdi-menu:before{content:"\F35C"}.mdi-pencil:before{content:"\F3EB"}.mdi-delete:before{content:"\F1C0"}.mdi-magnify-plus-outline:before{content:"\f6ec"}.mdi-tag:before{content:"\f4f9"}.mdi-filter:before{content:"\f232"}.mdi-rss:before{content:"\f46b"}.mdi-key:before{content:"\f306"}.mdi-settings:before{content:"\f493"}.mdi-logout:before{content:"\f343"}.mdi-account:before{content:"\f004"}.mdi-dots-vertical:before{content:"\f1d9"}.mdi-firefox:before{content:"\f239"}.mdi-google-chrome:before{content:"\f2af"}.mdi-android:before{content:"\f032"}.mdi-apple-ios:before{content:"\f037"}.mdi-lock:before{content:"\f33e"}.mdi-puzzle:before{content:"\f431"}.mdi-tag-multiple:before{content:"\f4fb"}.mdi-file-import:before{content:"\f220"}.mdi-file-export:before{content:"\f21d"}.mdi-plus:before{content:"\f415"}.mdi-note:before{content:"\f39a"}.mdi-checkbox-marked-outline:before{content:"\f135"}.awesomplete ul{z-index:400;border:1px solid #aaa;border-radius:2px}div.awesomplete{display:block}div.awesomplete>input{display:inline-block}div.awesomplete>ul{border:none;border-radius:0}div.awesomplete>ul,div.awesomplete>ul:before{box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}div.awesomplete>ul>li{background-color:#fff;padding:5px 10px}div.awesomplete>ul>li:hover{background-color:#eee}div.awesomplete li:hover mark{background-color:#d7e800}div.awesomplete>ul>li[aria-selected=true]{background-color:#2196f3;color:#fff}div.awesomplete>ul>li[aria-selected=true]:hover{background-color:#0c7cd5}div.awesomplete li[aria-selected=true]:hover mark{background:#3c6b00;color:inherit}.md_help{color:inherit!important}.sortable-chosen{background:#fff}.sortable-ghost{opacity:.5;background:#c8ebfb}*,:after,:before{box-sizing:border-box}html{font-size:100%;-webkit-tap-highlight-color:transparent}body,html{background:#ececec}body{font-family:Roboto,sans-serif;font-size:16px;color:#333}h1{font-size:1.7rem;font-weight:400;margin:10px 0 20px}h2{font-size:1.1rem}h2,p{font-weight:400;margin-bottom:15px}p{font-size:1rem}a{color:#2196f3}a:focus,a:hover{color:#0d8aee}a:active{color:#0c7cd5}em{font-style:italic}strong{font-weight:700}small{font-size:80%}img{border:0;vertical-align:middle}ul{margin-bottom:10px}dl,ul{margin-top:0}dl{margin-bottom:20px}dt{font-weight:700}@-ms-viewport{width:device-width}.button,.button-base,.button-inverse,.button-raised,.nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-border{border:none!important}hr.darker{border-top-color:#ccc}hr.margin{margin-left:40px;margin-right:40px}.mts{margin-top:5px}.mtm{margin-top:15px}.mtl{margin-top:30px}.mbs{margin-bottom:5px}.mbm{margin-bottom:15px}.mbl{margin-bottom:30px}.dark{background-color:#000}.round-image-container{width:60px;height:60px;border-radius:50%;background-color:#ddd;text-align:center}.round-image-container i{font-size:45px;line-height:60px}.round-image-container i.mdi-settings{color:#009688}.round-image-container i.mdi-lock{color:#db4437}.round-image-container i.mdi-puzzle{color:#03a9f4}.round-image-container i.mdi-tag-multiple{color:#ff9800}.round-image-container i.mdi-file-import{color:#9c27b0}.round-image-container i.mdi-file-export{color:#795548}p.highlight{color:#f44336}.nothing-found{text-align:center;font-size:2.4rem;font-weight:400;color:#999;margin-bottom:100px}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-success{color:#4caf50}.text-error{color:#f44336}.text-feedback{display:inline-block;margin-left:10px;margin-right:10px;font-style:italic;font-size:90%}.pull-left{float:left!important}.pull-right{float:right!important}.hidden{display:none!important}.is-highlighted-hover:hover{background-color:#f9f9f9}ul.is-bordered li{padding:5px;border:1px solid #ddd;border-bottom:none;background-color:#eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}ul.is-bordered li:last-child{border-bottom:1px solid #ddd}.ripple-effect,.ripple .ripple-effect{background:#fff}@-webkit-keyframes g{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.5;visibility:visible}to{-webkit-transform:scale(50);transform:scale(50);opacity:0;visibility:visible}}@keyframes g{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.5;visibility:visible}to{-webkit-transform:scale(50);transform:scale(50);opacity:0;visibility:visible}}.button,.button-raised,.ripple{position:relative;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.ripple-effect{visibility:hidden;position:absolute;border-radius:50%;width:50px;height:50px;pointer-events:none;-webkit-animation:g 2s;animation:g 2s}.ripple-effect.stop-animation{-webkit-animation:none!important;animation:none!important}.ripple-primary .ripple-effect{background:#2196f3}.card,.link-outer{background:#fff;box-shadow:0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);margin:15px 0;border-radius:2px}.card-header,.card-title,.link-header,h1.card-header,h1.link-header{position:relative;margin:0;padding:15px;border-bottom:1px solid #ddd;font-size:1rem;font-weight:500;text-transform:uppercase}.card-subheader{text-transform:none;font-size:90%;font-weight:400;font-style:italic;color:#999}.card-body{padding:15px}.card-footer{padding:15px;border-top:1px solid #eee;background-color:#f2f2f2}.card-search input[type=search]{padding:10px 15px;background-color:#eee;border-color:transparent}.list-action .list-item .list-item-label,.list-label,.list-side-right .list-item-label,.list-sortable .list-item-label{font-size:1.1rem;font-weight:400;color:#333}.list-action .list-item .list-item-sublabel,.list-side-right .list-item-sublabel,.list-sortable .list-item-sublabel,.list-sublabel{margin-top:5px;font-size:.85rem;font-weight:400;color:#999}.list-item{display:block}.list-item,.list-item-text{padding:15px}.list-item-controls{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}.list-item-controls .list-item-control{color:#999;font-size:20px;width:35px;height:35px;line-height:35px;text-align:center;border-radius:50%}.list-item-controls .list-item-control:focus,.list-item-controls .list-item-control:hover{background-color:#eee}.list-item-controls .list-item-control:active{background-color:#ddd}.is-control-visible-hover .list-item-controls{display:none}.is-control-visible-hover:hover .list-item-controls{display:inherit}.is-control-opaque-hover .list-item-controls{opacity:.5}.is-control-opaque-hover:hover .list-item-controls{opacity:1}.list-item-flex{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;background:#fff;border-top:1px solid #ddd}.card-header+.list-item-flex:first-child,.link-header+.list-item-flex:first-child{border-top:0}.list-item-flex:last-child{border-bottom:1px solid #ddd}.list-item-flex .list-item-start{padding-left:15px}.list-item-flex .list-item-middle{-ms-flex-positive:1;flex-grow:1}.list-item-flex .list-item-end{padding-right:15px}label.list-item-content{margin:0}.list-action .list-item{display:block;cursor:pointer;color:#333;border-top:1px solid #ddd}.card-header+.list-action .list-item:first-child,.link-header+.list-action .list-item:first-child{border-top:0}.list-action .list-item:last-child{border-bottom:1px solid #ddd}.list-action .list-item:focus,.list-action .list-item:hover{background-color:#eee;text-decoration:none}.list-action.list-big .list-item-label{font-size:1.2rem}.list-action.list-big .list-item-sublabel{margin-top:5px;font-weight:400;font-size:1rem;color:#999}.list-side-right .list-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:20px 15px;border-top:1px solid #ddd}.list-side-right .list-item:last-child{border-bottom:1px solid #ddd}.list-side-right .list-item-sublabel{margin-top:5px}.list-sortable .list-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.list-sortable .list-item .list-item-content{-ms-flex:1;flex:1}.list-sortable .list-sortable-handle{padding:10px;cursor:move;font-size:2rem;color:#999}.list-sortable .list-item-sublabel{margin-top:5px}.list-checkable input[type=checkbox]{display:block;margin-right:15px}.popup{position:absolute;top:48px;right:0;min-width:150px;color:#333;box-shadow:0 2px 30px rgba(0,0,0,.2);background:#fff;line-height:1.5;cursor:default;z-index:50}.popup-title{font-weight:700;background-color:#eee;padding:10px}.popup-body{padding:10px 0}.popup ul{list-style:none}.popup ul li{cursor:pointer}.popup ul li a{display:block;padding:5px 10px}.popup ul li a:hover{background-color:#eee}.popup input[type=text]{width:100%}.popup .popup-content-area{padding:10px}.button,.button-base,.button-inverse,.button-raised{display:inline-block;position:relative;overflow:hidden;height:36px;padding:8px 16px;border:none;border-radius:2px;outline:0;background-color:hsla(0,0%,100%,0);font-size:.95rem;font-weight:400;color:#333;text-transform:uppercase;text-decoration:none;text-align:center;cursor:pointer}.button-base:active,.button-base:active:focus,.button-base:focus,.button-base:hover,.button-inverse:active,.button-inverse:active:focus,.button-inverse:focus,.button-inverse:hover,.button-raised:active,.button-raised:active:focus,.button-raised:focus,.button-raised:hover,.button:active,.button:active:focus,.button:focus,.button:hover{outline:0;border:none;text-decoration:none;color:#333}.button-base[disabled],[disabled].button,[disabled].button-inverse,[disabled].button-raised{pointer-events:none}.button-base::-moz-focus-inner,.button-inverse::-moz-focus-inner,.button-raised::-moz-focus-inner,.button::-moz-focus-inner{border:0;padding:0}.button-base.pull-right,.pull-right.button,.pull-right.button-inverse,.pull-right.button-raised{margin-left:10px}.button:focus,.button:hover{background-color:hsla(0,0%,60%,.2);box-shadow:none;color:#333}.button:active{box-shadow:none}.button[disabled],.button[disabled]:active,.button[disabled]:focus,.button[disabled]:hover{color:rgba(0,0,0,.26);background-color:hsla(0,0%,100%,0)}.button-raised{background-color:#e0e0e0}.button-raised:focus,.button-raised:hover{color:#333}.button-raised:active{box-shadow:none}.button-raised[disabled],.button-raised[disabled]:active,.button-raised[disabled]:focus,.button-raised[disabled]:hover{color:rgba(0,0,0,.26);background-color:rgba(0,0,0,.12)}.button-inverse{color:#fff;background-color:hsla(0,0%,100%,0)}.button-inverse:focus,.button-inverse:hover{background-color:hsla(0,0%,80%,.15);color:#fff}.button-inverse.active,.button-inverse:active,.button-inverse:active:focus{background-color:hsla(0,0%,80%,.25);color:#fff}.button-inverse[disabled]{background-color:hsla(0,0%,100%,0);color:hsla(0,0%,100%,.3)}.button-primary{color:#fff;background-color:#2196f3}.button-primary:focus,.button-primary:hover{background-color:#0d8aee;color:#fff}.button-primary:active{background-color:#0c7cd5;color:#fff}.button-primary:active:focus{color:#fff}.button-alert{color:#fff;background-color:#f44336}.button-alert:focus,.button-alert:hover{background-color:#f32c1e;color:#fff}.button-alert:active{background-color:#ea1c0d;color:#fff}.button-alert:active:focus{color:#fff}.button-firefox{color:#fff;background-color:#ea9c21}.button-firefox:focus,.button-firefox:hover{background-color:#dd8f15;color:#fff}.button-firefox:active{background-color:#c58013;color:#fff}.button-firefox:active:focus{color:#fff}.button-floating{position:fixed;display:block;width:56px;height:56px;bottom:5%;right:5%;text-align:center;line-height:56px;font-size:32px;font-weight:100;color:#fff;background-color:#f44336;border-radius:50%;transition:box-shadow .15s cubic-bezier(0,0,.2,1);z-index:100}.button-floating:focus,.button-floating:hover{color:#fff}.button-floating:active{box-shadow:none}.large-icon-button{display:block;float:left;margin:0 15px 15px 0;padding:15px;color:#333;width:140px;overflow:hidden;font-size:16px;text-align:center;border-radius:2px}.large-icon-button:focus,.large-icon-button:hover{text-decoration:none;background-color:#ddd;color:#333}.large-icon-button:active{background-color:#d0d0d0}.large-icon-button i{display:block;margin:auto;font-size:70px}.large-icon-button i.mdi-firefox{color:#e55b0a}.large-icon-button i.mdi-apple-ios{color:#a6a8ab}.large-icon-button i.mdi-android{color:#a4c739}.large-icon-button i.mdi-google-chrome{color:#dd4f43}.modal{margin-top:10%;margin-top:10vh;background:#fff}.modal-title{padding:20px 20px 10px;font-size:1.4rem;font-weight:400}.modal-body{max-height:55vh;overflow:auto;color:#666}.modal-body,.modal-footer{padding:10px 20px}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number],input[type=password],input[type=search],input[type=text],textarea{position:relative;border:1px solid #ccc;border-top:none;border-left:none;border-right:none;box-shadow:none;padding:6px 1px;background:hsla(0,0%,100%,0);width:100%}input[type=number]:after,input[type=password]:after,input[type=search]:after,input[type=text]:after,textarea:after{transition:all 1s;position:absolute;display:block;bottom:0;background-color:red;height:2px;left:0;width:0}input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,textarea:focus{border-color:#2196f3;box-shadow:0 1px 0 #2196f3;outline:none}input[type=number]:focus:after,input[type=password]:focus:after,input[type=search]:focus:after,input[type=text]:focus:after,textarea:focus:after{width:100%}textarea{resize:vertical;overflow:auto}input.input-big{margin:0;padding:10px;border:none;background:#fff;font-size:1.7rem;font-weight:300}input.input-big:focus{border-bottom:none;box-shadow:none;margin:0}select{width:100%;padding:6px 12px;border:1px solid #ccc;outline:none}select:focus{border:1px solid #2196f3;outline:none}label{color:#666;font-weight:400}label.active{color:#2196f3}.sublabel{font-size:.85rem;font-weight:400;text-align:right;margin-top:5px;color:#aaa}.form-section{margin-top:20px;margin-bottom:20px}.form-section-title{margin-bottom:15px;font-size:1.1rem;font-weight:400}.form-entry{margin-bottom:15px;width:100%}.form-entry:last-child{margin-bottom:0}[type=radio]:checked,[type=radio]:not(:checked){position:absolute;left:-9999px;visibility:hidden}[type=radio]:checked+label,[type=radio]:not(:checked)+label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;transition:all .28s ease;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}[type=radio]+label{color:#333}[type=radio]+label:after,[type=radio]+label:before{content:"";position:absolute;left:0;top:0;margin:4px;width:16px;height:16px;z-index:0;transition:all .28s ease}[type=radio]:not(:checked)+label:after,[type=radio]:not(:checked)+label:before{border-radius:50%;border:2px solid #5a5a5a}[type=radio]:not(:checked)+label:after{z-index:-1;-webkit-transform:scale(0);transform:scale(0)}[type=radio]:checked+label:before{border-radius:50%;border:2px solid transparent}[type=radio]:checked+label:after{background-color:#2196f3;z-index:0;-webkit-transform:scale(1.02);transform:scale(1.02)}[type=radio].with-gap:checked+label:after,[type=radio].with-gap:checked+label:before,[type=radio]:checked+label:after{border-radius:50%;border:2px solid #2196f3}[type=radio].with-gap:checked+label:after{background-color:#2196f3;z-index:0;-webkit-transform:scale(.5);transform:scale(.5)}[type=radio]:disabled:checked+label:before,[type=radio]:disabled:not(:checked)+label:before{background-color:transparent;border-color:#9e9e9e}[type=radio]:disabled+label{color:#9e9e9e}[type=radio]:disabled:not(:checked)+label:hover:before{border-color:#9e9e9e}[type=checkbox]:checked,[type=checkbox]:not(:checked){position:absolute;left:-9999px}[type=checkbox]+label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:20px;line-height:20px;color:#333;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}[type=checkbox]+label:before{content:"";position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid #5a5a5a;border-radius:1px;margin-top:2px;transition:all .2s}[type=checkbox]:not(:checked):disabled+label:before{border:none;background-color:#9e9e9e}[type=checkbox]:checked+label:before{top:-4px;left:-3px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #2196f3;border-bottom:2px solid #2196f3;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox]:disabled+label{color:#9e9e9e}[type=checkbox]:disabled+label:before{border-right:2px solid #9e9e9e;border-bottom:2px solid #9e9e9e}[type=checkbox] :indeterminate+label:before{left:-10px;top:-11px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid #2196f3;border-bottom:none;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox] :indeterminate:disabled+label:before{border-right:2px solid #9e9e9e;background-color:transparent}[type=checkbox].filled-in+label:after{top:1px;border-radius:2px}[type=checkbox].filled-in+label:after,[type=checkbox].filled-in+label:before{content:"";left:0;position:absolute;transition:border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;z-index:1}[type=checkbox].filled-in:not(:checked)+label:before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotate(37deg);transform:rotate(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox].filled-in:not(:checked)+label:after{height:18px;width:18px;background-color:transparent;border:2px solid #5a5a5a;z-index:0}[type=checkbox].filled-in:checked+label:before{top:1px;left:1px;width:7px;height:12px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(37deg);transform:rotate(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox].filled-in:checked+label:after{width:18px;height:18px;border:2px solid #2196f3;background-color:#2196f3;z-index:0}[type=checkbox].filled-in:disabled:not(:checked)+label:before{background-color:transparent;border:2px solid transparent}[type=checkbox].filled-in:disabled:not(:checked)+label:after{border-color:transparent;background-color:#9e9e9e}[type=checkbox].filled-in:disabled:checked+label{color:#9e9e9e}[type=checkbox].filled-in:disabled:checked+label:before{background-color:transparent}[type=checkbox].filled-in:disabled:checked+label:after{background-color:#9e9e9e;border-color:#9e9e9e}.switch,.switch *{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.switch label{cursor:pointer}.switch label input[type=checkbox]{opacity:0;width:0;height:0}.switch label input[type=checkbox]:checked+.lever{background-color:#b5ccdf}.switch label input[type=checkbox]:checked+.lever:after{background-color:#2196f3}.switch label .lever{content:"";display:inline-block;position:relative;width:40px;height:15px;background-color:#818181;border-radius:15px;margin-right:10px;transition:background .3s ease;vertical-align:middle;margin:0 16px}.switch label .lever:after{content:"";position:absolute;display:inline-block;width:21px;height:21px;background-color:#f1f1f1;border-radius:21px;box-shadow:0 1px 3px 1px rgba(0,0,0,.4);left:-5px;top:-3px;transition:left .3s ease,background .3s ease,box-shadow .1s ease}input[type=checkbox]:checked:not(:disabled)~.lever:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(33,150,243,.1)}input[type=checkbox]:not(:disabled)~.lever:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,0,0,.08)}.switch label input[type=checkbox]:checked+.lever:after{left:24px}.switch input[type=checkbox][disabled]+.lever{cursor:default}.switch label input[type=checkbox][disabled]+.lever:after,.switch label input[type=checkbox][disabled]:checked+.lever:after{background-color:#9e9e9e}.light-heading{font-size:1.1rem;font-weight:400;color:#999}.actionbar{position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:50}.actionbar .row{padding:15px}.actionbar-label{float:left;padding:7px}.actionbar-controls{float:right}.actionbar-controls button{margin-left:10px}.bookmarklet{padding:5px 10px;background-color:#fff;border:1px solid #aaa;color:#333;text-decoration:none}.bookmarklet:focus,.bookmarklet:hover{box-shadow:0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);text-decoration:none;color:inherit}.bookmarklet:active{box-shadow:none}.bookmarklet img{vertical-align:top;height:20px}.header-main .popup a{display:block}.header-main .popup a,.header-main .popup a:hover{color:#333}.icon-filter,.icon-fold,.icon-login,.icon-logout,.icon-plugin,.icon-private,.icon-private-active,.icon-rss,.icon-tools{width:30px;height:30px;background-size:20px;background-repeat:no-repeat;background-position:50%;margin-top:15px;margin-left:7px;border-radius:50%}.icon-filter:focus,.icon-filter:hover,.icon-fold:focus,.icon-fold:hover,.icon-login:focus,.icon-login:hover,.icon-logout:focus,.icon-logout:hover,.icon-plugin:focus,.icon-plugin:hover,.icon-private-active:focus,.icon-private-active:hover,.icon-private:focus,.icon-private:hover,.icon-rss:focus,.icon-rss:hover,.icon-tools:focus,.icon-tools:hover{background-color:hsla(0,0%,100%,.2)}.icon-login{background-image:url(../images/toolbar/login.png)}.icon-logout{background-image:url(../images/toolbar/logout.png)}.icon-tools{background-image:url(../images/toolbar/tools.png)}.icon-rss{background-image:url(../images/toolbar/rss.png)}.icon-private{background-image:url(../images/toolbar/key.png)}.icon-private-active{background-image:url(../images/toolbar/key_active.png)}.icon-filter{background-image:url(../images/toolbar/filter.png)}.icon-plugin{background-image:url(../images/toolbar/dots.png)}.icon-unfold{background-image:url(../images/toolbar/chevron-down.png)}.unfold .icon-unfold{background-image:url(../images/toolbar/chevron-up.png)}.icon-delete,.icon-edit,.icon-qrcode{width:24px;height:24px;background-size:24px;background-repeat:no-repeat;background-position:50%;display:inline-block}.icon-edit{background-image:url(../images/links/edit.png)}.icon-delete{background-image:url(../images/links/delete.png)}.icon-qrcode{background-image:url(../images/links/qrcode.png);cursor:-ms-zoom-in;cursor:zoom-in}.icon-header{width:30px;height:30px;line-height:30px;text-align:center;margin-top:15px;margin-left:7px;border-radius:50%;font-size:18px}.icon-header:focus,.icon-header:hover{background-color:hsla(0,0%,100%,.2)}.icon-header.filter-on{color:#f44336}.header-main{width:100%;min-height:56px;background-color:#2196f3;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);margin-bottom:15px;color:#fff;max-height:56px;z-index:10}.header-main a,.header-main a.header-brand{color:#fff;text-decoration:none}.header-main a.header-brand{display:inline-block;padding:0 15px;font-size:1.4rem;font-weight:300;line-height:56px;height:56px;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.header-main a.header-brand:hover{background-color:hsla(0,0%,100%,.15)}.header-main .header-nav{height:56px}.header-main .header-buttons{float:right;height:56px}.header-main .header-buttons button{display:block}.header-main .header-buttons>*{display:block;float:right}.header-main .header-middle a:hover{background-color:hsla(0,0%,100%,.15)}.header-main .toolbar-link{text-align:center;margin:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;margin-bottom:10px;display:inline-block}.header-main.unfold{overflow:visible;max-height:none}.dark-toolbar .header-main{background-color:#000}@media (max-width:1199px){.header-main{overflow:hidden}}.toolbar-button-container{position:relative}.subheader{width:100%;background-color:#1976d2;margin-top:-15px;margin-bottom:15px;color:#fff;padding:10px;z-index:5}.subheader .button,.subheader .button-inverse{display:block;float:left;color:#fff;margin-right:5px}.paging a{display:inline-block;padding:0 10px;line-height:3rem;color:#999;font-size:2rem}.paging a:hover{color:#333}.paging .paging-current{display:inline-block;line-height:3rem;color:#999;font-size:1.2rem}#footer{text-align:center;margin-top:50px;margin-bottom:15px;color:#999;font-size:.85rem;font-weight:400}.from-bookmarklet #footer{margin-top:10px}.fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);z-index:200}.fullscreen.visible{display:block}.content-fullscreen{position:absolute;top:30%;left:0;right:0}.button-fullscreen{display:block;width:100%}.overlay{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);z-index:200}.page-add,.page-edit,.page-login{margin-top:50px;margin-bottom:50px}.from-bookmarklet .page-edit{margin-top:10px;margin-bottom:10px}.page-tools{margin-bottom:50px}.button-header{position:absolute;width:34px;height:34px;top:7px;right:7px;background:50% no-repeat}.button-header:focus,.button-header:hover{background-color:hsla(0,0%,60%,.2)}.button-header:active{background-color:hsla(0,0%,39%,.2)}.button-expand{background-image:url(../images/arrow-expand.png)}.is-expanded .button-expand{background-image:url(../images/arrow-compress.png)}.link-outer{position:relative;overflow:hidden}.links-list.is-selectable .link-outer.is-selected{outline:4px solid orange}.link-overlay{display:none;position:absolute;top:0;bottom:0;left:0;right:0;cursor:pointer;z-index:10}.links-list.is-selectable .link-overlay:hover{background-color:hsla(0,0%,78%,.5)}.links-list.is-selectable .link-overlay{display:block;background-color:hsla(0,0%,100%,0)}.links-list.is-selectable .is-selected .link-overlay{display:block;background-color:rgba(255,0,0,.5)}.link-inner{border-radius:2px 0 0 2px}.link-header{text-transform:none}.link-content{overflow:hidden}.link-footer{padding:15px;border-top:1px solid #eee;background-color:#f2f2f2}a.link-title{display:block;overflow:hidden;text-overflow:ellipsis;color:#333;text-decoration:none;font-weight:700}a.link-title:hover{color:#999}.private{background:url(../images/private-band.png) 0 0 no-repeat #fff}.private a.link-title{margin-left:20px;color:#b71c1c}.link-date{font-size:.85rem;font-weight:400;float:right}.link-date .link-archive,.link-date a{color:#bbb}.link-description{padding:15px}.link-description p:first-child{margin-top:0}.link-description p:last-child{margin-bottom:0}.thumb img{float:right;margin:15px}.link-tag-list{overflow:hidden;overflow-x:auto;text-overflow:ellipsis;white-space:nowrap}.link-tag{display:inline-block}.link-tag a{display:block;color:#888;text-decoration:none;padding:3px 10px;background-color:#ddd;border-radius:20px;border:1px solid #ccc;font-size:.8rem}.link-tag a:hover{background-color:#ccc}.link-tag-filter{background-color:#ddd;border-radius:20px;border:1px solid #ccc}.link-tag-filter,.link-tag-filter a{color:#888;text-decoration:none;display:inline-block}.link-tag-filter a{padding:3px 0 3px 10px}.link-tag-link{padding:3px 10px}.link-tag-filter:hover{background-color:#ccc}.link-tag-filter .remove{font-style:normal;background-color:#fff;border-radius:50%;padding:0 5px;padding-bottom:1px}.link-url-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:24px;text-align:right}a.link-url{color:#999;text-decoration:none;font-size:.85rem;font-weight:400}a.link-url:hover{color:#333}.link-actions{height:24px;text-align:right}.is-selectable .link-actions{display:none}.link-actions>*{display:block;float:right;width:24px;right:24px;margin-left:5px}.link-actions form>*{display:block}.link-plugin:not(:last-child){margin-right:5px}.link-plugin:nth-child(2):before{content:"-";margin:0 5px}.link-counter{margin-top:20px;margin-bottom:20px;color:#999}.favorite-tag{display:block;float:left;padding:10px;margin-right:10px;background-color:rgba(0,0,0,.05);color:#999}.favorite-tag:focus,.favorite-tag:hover{background-color:rgba(0,0,0,.1);color:inherit;text-decoration:none}.favorite-tag:active{background-color:rgba(0,0,0,.2)}.picwall-pictureframe{float:left;position:relative;overflow:hidden;width:120px;height:90px;text-align:center}.picwall-link{display:none;position:absolute;top:0;left:0;background-color:#666;background-color:hsla(0,0%,39%,.7);color:#fff;font-size:.85rem;font-weight:400}.picwall-pictureframe:hover .picwall-link{display:block;text-decoration:none}.picwall-link:hover{color:#fff}div.daily{font-family:Georgia,DejaVu Serif,Norasi,serif;background-color:#e6d6be;background-image:url(../images/Paper_texture_v5_by_bashcorpo_w1000.jpg);background-size:cover;position:relative;border-bottom:2px solid #000;margin-top:-15px}#daily_col1{padding-left:1%}#daily_col1,#daily_col2,#daily_col3{float:left;position:relative;width:33%}div.dailyAbout{float:left;border:1px solid #000;font-size:8pt;position:absolute;left:10px;top:15px;padding:5px;text-align:center}div.dailyAbout a{color:#890500}div.dailyAbout img{position:relative;top:3px;margin-right:4px;width:14px;height:14px}div.dailyTitle{font-size:44pt;padding:10px 20px 0}div.dailyDate,div.dailyTitle{font-weight:700;text-align:center}div.dailyDate{font-size:12pt;padding:0 20px 30px}div.dailyEntry{margin:5px 10px 2px 5px;font-size:11pt;border-top:1px solid #555}div.dailyEntry a{text-decoration:none;color:#890500}div.dailyEntryPermalink{float:right}div.dailyEntryTags{font-size:7.75pt}div.dailyEntryTitle{font-size:18pt;font-weight:700}div.dailyEntryLinkdate{font-size:8pt}div.dailyEntryThumbnail{width:100%;text-align:center;background-color:gray;background:url(../images/50pc_transparent.png);padding:4px 0 2px}div.dailyEntryDescription{margin-top:10px;margin-bottom:30px;text-align:justify;overflow:auto}div.dailyNoEntry{text-align:center;padding:40px 0 90px}.daily #closing{clear:both;text-align:center;padding-bottom:20px}.plugin-actions{font-size:1.4rem;font-weight:400;padding:10px;line-height:20px}.errors{color:#fff;background-color:#f44336;padding:15px 0;margin-top:-15px;margin-bottom:15px}.errors ul{margin-bottom:0}#overlay-content-qrcode{z-index:600;position:fixed;top:20%;left:0;width:100%;text-align:center}@media (min-width:768px){.thumb{float:left}.thumb+.link-description{padding-left:150px}}.plugin-param-key{line-height:33px} \ No newline at end of file + *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}section{display:block}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{margin:.67em 0;font-size:2em}img{border:0}hr{height:0;box-sizing:content-box}button,input,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button{-webkit-appearance:button;cursor:pointer}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}img{page-break-inside:avoid;max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}*,:after,:before{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}h1,h2,h3{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;margin-top:20px;margin-bottom:10px}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}p{margin:0 0 10px}small{font-size:85%}dd,dt{line-height:1.42857143}dd{margin-left:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-3,.col-lg-6,.col-md-6,.col-md-8,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-8,.col-sm-10,.col-xs-3,.col-xs-6,.col-xs-9,.col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-3,.col-xs-6,.col-xs-9,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-9{width:75%}.col-xs-6{width:50%}.col-xs-3{width:25%}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-8,.col-sm-10{float:left}.col-sm-10{width:83.33333333%}.col-sm-8{width:66.66666667%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}}@media (min-width:992px){.col-md-6,.col-md-8{float:left}.col-md-8{width:66.66666667%}.col-md-6{width:50%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}}@media (min-width:1200px){.col-lg-3,.col-lg-6{float:left}.col-lg-6{width:50%}.col-lg-3{width:25%}}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[type=search]{-webkit-appearance:none}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{display:table;content:" "}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}.visible-lg,.visible-md{display:none!important}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}}@media (min-width:1200px){.visible-lg{display:block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}[hidden]{display:none}.visually-hidden{position:absolute;clip:rect(0,0,0,0)}div.awesomplete{display:inline-block;position:relative}div.awesomplete>input{display:block}div.awesomplete>ul{position:absolute;left:0;z-index:1;min-width:100%;box-sizing:border-box;list-style:none;padding:0;border-radius:.3em;margin:.2em 0 0;background:hsla(0,0%,100%,.9);background:linear-gradient(to bottom right,#fff,hsla(0,0%,100%,.8));border:1px solid rgba(0,0,0,.3);box-shadow:.05em .2em .6em rgba(0,0,0,.2);text-shadow:none}div.awesomplete>ul:empty,div.awesomplete>ul[hidden]{display:none}@supports ((-webkit-transform:scale(0)) or (-ms-transform:scale(0)) or (transform:scale(0))){div.awesomplete>ul{transition:.3s cubic-bezier(.4,.2,.5,1.4);-webkit-transform-origin:1.43em -.43em;transform-origin:1.43em -.43em}div.awesomplete>ul:empty,div.awesomplete>ul[hidden]{opacity:0;-webkit-transform:scale(0);transform:scale(0);display:block;transition-timing-function:ease}}div.awesomplete>ul:before{content:"";position:absolute;top:-.43em;left:1em;width:0;height:0;padding:.4em;background:#fff;border:inherit;border-right:0;border-bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}div.awesomplete>ul>li{position:relative;padding:.2em .5em;cursor:pointer}div.awesomplete>ul>li:hover{background:#b8d3e0;color:#000}div.awesomplete>ul>li[aria-selected=true]{background:#3d6d8f;color:#fff}div.awesomplete mark{background:#eaff00}div.awesomplete li:hover mark{background:#b5d100}div.awesomplete li[aria-selected=true] mark{background:#3d6b00;color:inherit}html{color:#000;background:#fff}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:""}abbr,acronym{border:0;font-variant:normal}sub,sup{vertical-align:baseline}legend{color:#000}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}button,input,select,textarea{*font-size:100%}button{border:medium none;margin:0;padding:0;outline:0;background:transparent}@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:url(../static/fonts/roboto/Roboto-Thin.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:200;src:url(../static/fonts/roboto/Roboto-Light.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(../static/fonts/roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url(../static/fonts/roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(../static/fonts/roboto/Roboto-Bold.ttf) format("truetype")}@font-face{font-family:Material;src:url(../static/fonts/material-icons/materialdesignicons-webfont.eot);src:url(../static/fonts/material-icons/materialdesignicons-webfont.eot?#iefix) format("embedded-opentype"),url(../static/fonts/material-icons/materialdesignicons-webfont.woff2) format("woff2"),url(../static/fonts/material-icons/materialdesignicons-webfont.woff) format("woff"),url(../static/fonts/material-icons/materialdesignicons-webfont.ttf) format("truetype"),url(../static/fonts/material-icons/materialdesignicons-webfont.svg#svgFontName) format("svg");font-weight:400;font-style:normal}.animate-fade-in{-webkit-animation:a .25s ease;animation:a .25s ease}@-webkit-keyframes a{0%{opacity:0}to{opacity:1}}@keyframes a{0%{opacity:0}to{opacity:1}}.animate-fade-out{-webkit-animation:b .25s ease;animation:b .25s ease}@-webkit-keyframes b{0%{opacity:1}to{opacity:0}}@keyframes b{0%{opacity:1}to{opacity:0}}.animate-slide-from-top{-webkit-animation:c .25s ease;animation:c .25s ease}@-webkit-keyframes c{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes c{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.animate-slide-from-right{-webkit-animation:d .25s ease;animation:d .25s ease}@-webkit-keyframes d{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes d{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.animate-hide-slide-to-bottom{-webkit-animation:e .25s ease;animation:e .25s ease}@-webkit-keyframes e{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(300px);transform:translateY(300px)}}@keyframes e{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(300px);transform:translateY(300px)}}.animate-show-slide-from-bottom{-webkit-animation:f .25s ease;animation:f .25s ease}@-webkit-keyframes f{0%{opacity:0;-webkit-transform:translateY(300px);transform:translateY(300px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes f{0%{opacity:0;-webkit-transform:translateY(300px);transform:translateY(300px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.shadow-1,.subheader{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.shadow-2{box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.shadow-3{box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.shadow-4{box-shadow:0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21)}.modal,.shadow-5{box-shadow:0 27px 24px 0 rgba(0,0,0,.2),0 40px 77px 0 rgba(0,0,0,.22)}.actionbar,.shadow-top-1{box-shadow:2px 0 5px 0 rgba(0,0,0,.16),2px 0 10px 0 rgba(0,0,0,.12)}.button-raised,.button-raised[disabled],.button-raised[disabled]:active,.button-raised[disabled]:focus,.button-raised[disabled]:hover,.shadow-button{box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)}.button-raised:focus,.button-raised:hover,.shadow-button-hover{box-shadow:0 0 4px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.36)}.button-floating,.shadow-button-floating{box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)}.button-floating:focus,.button-floating:hover,.shadow-button-floating-hover{box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32)}.mdi{display:inline-block;font:normal normal normal 24px/1 Material;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0);transform:translate(0)}.mdi-arrow-left:before{content:"\F04D"}.mdi-arrow-right:before{content:"\F054"}.mdi-menu:before{content:"\F35C"}.mdi-pencil:before{content:"\F3EB"}.mdi-delete:before{content:"\F1C0"}.mdi-magnify-plus-outline:before{content:"\f6ec"}.mdi-tag:before{content:"\f4f9"}.mdi-filter:before{content:"\f232"}.mdi-rss:before{content:"\f46b"}.mdi-key:before{content:"\f306"}.mdi-settings:before{content:"\f493"}.mdi-logout:before{content:"\f343"}.mdi-account:before{content:"\f004"}.mdi-dots-vertical:before{content:"\f1d9"}.mdi-firefox:before{content:"\f239"}.mdi-google-chrome:before{content:"\f2af"}.mdi-android:before{content:"\f032"}.mdi-apple-ios:before{content:"\f037"}.mdi-lock:before{content:"\f33e"}.mdi-puzzle:before{content:"\f431"}.mdi-tag-multiple:before{content:"\f4fb"}.mdi-file-import:before{content:"\f220"}.mdi-file-export:before{content:"\f21d"}.mdi-plus:before{content:"\f415"}.mdi-note:before{content:"\f39a"}.mdi-checkbox-marked-outline:before{content:"\f135"}.awesomplete ul{z-index:400;border:1px solid #aaa;border-radius:2px}div.awesomplete{display:block}div.awesomplete>input{display:inline-block}div.awesomplete>ul{border:none;border-radius:0}div.awesomplete>ul,div.awesomplete>ul:before{box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}div.awesomplete>ul>li{background-color:#fff;padding:5px 10px}div.awesomplete>ul>li:hover{background-color:#eee}div.awesomplete li:hover mark{background-color:#d7e800}div.awesomplete>ul>li[aria-selected=true]{background-color:#2196f3;color:#fff}div.awesomplete>ul>li[aria-selected=true]:hover{background-color:#0c7cd5}div.awesomplete li[aria-selected=true]:hover mark{background:#3c6b00;color:inherit}.md_help{color:inherit!important}.sortable-chosen{background:#fff}.sortable-ghost{opacity:.5;background:#c8ebfb}*,:after,:before{box-sizing:border-box}html{font-size:100%;-webkit-tap-highlight-color:transparent}body,html{background:#ececec}body{font-family:Roboto,sans-serif;font-size:16px;color:#333}h1{font-size:1.7rem;font-weight:400;margin:10px 0 20px}h2{font-size:1.1rem}h2,p{font-weight:400;margin-bottom:15px}p{font-size:1rem}a{color:#2196f3}a:focus,a:hover{color:#0d8aee}a:active{color:#0c7cd5}em{font-style:italic}strong{font-weight:700}small{font-size:80%}img{border:0;vertical-align:middle}ul{margin-bottom:10px}dl,ul{margin-top:0}dl{margin-bottom:20px}dt{font-weight:700}@-ms-viewport{width:device-width}.button,.button-base,.button-inverse,.button-raised,.nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-border{border:none!important}hr.darker{border-top-color:#ccc}hr.margin{margin-left:40px;margin-right:40px}.mts{margin-top:5px}.mtm{margin-top:15px}.mtl{margin-top:30px}.mbs{margin-bottom:5px}.mbm{margin-bottom:15px}.mbl{margin-bottom:30px}.dark{background-color:#000}.round-image-container{width:60px;height:60px;border-radius:50%;background-color:#ddd;text-align:center}.round-image-container i{font-size:45px;line-height:60px}.round-image-container i.mdi-settings{color:#009688}.round-image-container i.mdi-lock{color:#db4437}.round-image-container i.mdi-puzzle{color:#03a9f4}.round-image-container i.mdi-tag-multiple{color:#ff9800}.round-image-container i.mdi-file-import{color:#9c27b0}.round-image-container i.mdi-file-export{color:#795548}p.highlight{color:#f44336}.nothing-found{text-align:center;font-size:2.4rem;font-weight:400;color:#999;margin-bottom:100px}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-success{color:#4caf50}.text-error{color:#f44336}.text-feedback{display:inline-block;margin-left:10px;margin-right:10px;font-style:italic;font-size:90%}.pull-left{float:left!important}.pull-right{float:right!important}.hidden{display:none!important}.is-highlighted-hover:hover{background-color:#f9f9f9}ul.is-bordered li{padding:5px;border:1px solid #ddd;border-bottom:none;background-color:#eee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}ul.is-bordered li:last-child{border-bottom:1px solid #ddd}.ripple-effect,.ripple .ripple-effect{background:#fff}@-webkit-keyframes g{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.5;visibility:visible}to{-webkit-transform:scale(50);transform:scale(50);opacity:0;visibility:visible}}@keyframes g{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.5;visibility:visible}to{-webkit-transform:scale(50);transform:scale(50);opacity:0;visibility:visible}}.button,.button-raised,.ripple{position:relative;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.ripple-effect{visibility:hidden;position:absolute;border-radius:50%;width:50px;height:50px;pointer-events:none;-webkit-animation:g 2s;animation:g 2s}.ripple-effect.stop-animation{-webkit-animation:none!important;animation:none!important}.ripple-primary .ripple-effect{background:#2196f3}.card,.link-outer{background:#fff;box-shadow:0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);margin:15px 0;border-radius:2px}.card-header,.card-title,.link-header,h1.card-header,h1.link-header{position:relative;margin:0;padding:15px;border-bottom:1px solid #ddd;font-size:1rem;font-weight:500;text-transform:uppercase}.card-subheader{text-transform:none;font-size:90%;font-weight:400;font-style:italic;color:#999}.card-body{padding:15px}.card-footer{padding:15px;border-top:1px solid #eee;background-color:#f2f2f2}.card-search input[type=search]{padding:10px 15px;background-color:#eee;border-color:transparent}.list-action .list-item .list-item-label,.list-label,.list-side-right .list-item-label,.list-sortable .list-item-label{font-size:1.1rem;font-weight:400;color:#333}.list-action .list-item .list-item-sublabel,.list-side-right .list-item-sublabel,.list-sortable .list-item-sublabel,.list-sublabel{margin-top:5px;font-size:.85rem;font-weight:400;color:#999}.list-item{display:block}.list-item,.list-item-text{padding:15px}.list-item-controls{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}.list-item-controls .list-item-control{color:#999;font-size:20px;width:35px;height:35px;line-height:35px;text-align:center;border-radius:50%}.list-item-controls .list-item-control:focus,.list-item-controls .list-item-control:hover{background-color:#eee}.list-item-controls .list-item-control:active{background-color:#ddd}.is-control-visible-hover .list-item-controls{display:none}.is-control-visible-hover:hover .list-item-controls{display:inherit}.is-control-opaque-hover .list-item-controls{opacity:.5}.is-control-opaque-hover:hover .list-item-controls{opacity:1}.list-item-flex{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;background:#fff;border-top:1px solid #ddd}.card-header+.list-item-flex:first-child,.link-header+.list-item-flex:first-child{border-top:0}.list-item-flex:last-child{border-bottom:1px solid #ddd}.list-item-flex .list-item-start{padding-left:15px}.list-item-flex .list-item-middle{-ms-flex-positive:1;flex-grow:1}.list-item-flex .list-item-end{padding-right:15px}label.list-item-content{margin:0}.list-action .list-item{display:block;cursor:pointer;color:#333;border-top:1px solid #ddd}.card-header+.list-action .list-item:first-child,.link-header+.list-action .list-item:first-child{border-top:0}.list-action .list-item:last-child{border-bottom:1px solid #ddd}.list-action .list-item:focus,.list-action .list-item:hover{background-color:#eee;text-decoration:none}.list-action.list-big .list-item-label{font-size:1.2rem}.list-action.list-big .list-item-sublabel{margin-top:5px;font-weight:400;font-size:1rem;color:#999}.list-side-right .list-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:20px 15px;border-top:1px solid #ddd}.list-side-right .list-item:last-child{border-bottom:1px solid #ddd}.list-side-right .list-item-sublabel{margin-top:5px}.list-sortable .list-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.list-sortable .list-item .list-item-content{-ms-flex:1;flex:1}.list-sortable .list-sortable-handle{padding:10px;cursor:move;font-size:2rem;color:#999}.list-sortable .list-item-sublabel{margin-top:5px}.list-checkable input[type=checkbox]{display:block;margin-right:15px}.popup{position:absolute;top:48px;right:0;min-width:150px;color:#333;box-shadow:0 2px 30px rgba(0,0,0,.2);background:#fff;line-height:1.5;cursor:default;z-index:50}.popup-title{font-weight:700;background-color:#eee;padding:10px}.popup-body{padding:10px 0}.popup ul{list-style:none}.popup ul li{cursor:pointer}.popup ul li a{display:block;padding:5px 10px}.popup ul li a:hover{background-color:#eee}.popup input[type=text]{width:100%}.popup .popup-content-area{padding:10px}.button,.button-base,.button-inverse,.button-raised{display:inline-block;position:relative;overflow:hidden;height:36px;padding:8px 16px;border:none;border-radius:2px;outline:0;background-color:hsla(0,0%,100%,0);font-size:.95rem;font-weight:400;color:#333;text-transform:uppercase;text-decoration:none;text-align:center;cursor:pointer}.button-base:active,.button-base:active:focus,.button-base:focus,.button-base:hover,.button-inverse:active,.button-inverse:active:focus,.button-inverse:focus,.button-inverse:hover,.button-raised:active,.button-raised:active:focus,.button-raised:focus,.button-raised:hover,.button:active,.button:active:focus,.button:focus,.button:hover{outline:0;border:none;text-decoration:none;color:#333}.button-base[disabled],[disabled].button,[disabled].button-inverse,[disabled].button-raised{pointer-events:none}.button-base::-moz-focus-inner,.button-inverse::-moz-focus-inner,.button-raised::-moz-focus-inner,.button::-moz-focus-inner{border:0;padding:0}.button-base.pull-right,.pull-right.button,.pull-right.button-inverse,.pull-right.button-raised{margin-left:10px}.button:focus,.button:hover{background-color:hsla(0,0%,60%,.2);box-shadow:none;color:#333}.button:active{box-shadow:none}.button[disabled],.button[disabled]:active,.button[disabled]:focus,.button[disabled]:hover{color:rgba(0,0,0,.26);background-color:hsla(0,0%,100%,0)}.button-raised{background-color:#e0e0e0}.button-raised:focus,.button-raised:hover{color:#333}.button-raised:active{box-shadow:none}.button-raised[disabled],.button-raised[disabled]:active,.button-raised[disabled]:focus,.button-raised[disabled]:hover{color:rgba(0,0,0,.26);background-color:rgba(0,0,0,.12)}.button-inverse{color:#fff;background-color:hsla(0,0%,100%,0)}.button-inverse:focus,.button-inverse:hover{background-color:hsla(0,0%,80%,.15);color:#fff}.button-inverse.active,.button-inverse:active,.button-inverse:active:focus{background-color:hsla(0,0%,80%,.25);color:#fff}.button-inverse[disabled]{background-color:hsla(0,0%,100%,0);color:hsla(0,0%,100%,.3)}.button-primary{color:#fff;background-color:#2196f3}.button-primary:focus,.button-primary:hover{background-color:#0d8aee;color:#fff}.button-primary:active{background-color:#0c7cd5;color:#fff}.button-primary:active:focus{color:#fff}.button-alert{color:#fff;background-color:#f44336}.button-alert:focus,.button-alert:hover{background-color:#f32c1e;color:#fff}.button-alert:active{background-color:#ea1c0d;color:#fff}.button-alert:active:focus{color:#fff}.button-firefox{color:#fff;background-color:#ea9c21}.button-firefox:focus,.button-firefox:hover{background-color:#dd8f15;color:#fff}.button-firefox:active{background-color:#c58013;color:#fff}.button-firefox:active:focus{color:#fff}.button-floating{position:fixed;display:block;width:56px;height:56px;bottom:5%;right:5%;text-align:center;line-height:56px;font-size:32px;font-weight:100;color:#fff;background-color:#f44336;border-radius:50%;transition:box-shadow .15s cubic-bezier(0,0,.2,1);z-index:100}.button-floating:focus,.button-floating:hover{color:#fff}.button-floating:active{box-shadow:none}.large-icon-button{display:block;float:left;margin:0 15px 15px 0;padding:15px;color:#333;width:140px;overflow:hidden;font-size:16px;text-align:center;border-radius:2px}.large-icon-button:focus,.large-icon-button:hover{text-decoration:none;background-color:#ddd;color:#333}.large-icon-button:active{background-color:#d0d0d0}.large-icon-button i{display:block;margin:auto;font-size:70px}.large-icon-button i.mdi-firefox{color:#e55b0a}.large-icon-button i.mdi-apple-ios{color:#a6a8ab}.large-icon-button i.mdi-android{color:#a4c739}.large-icon-button i.mdi-google-chrome{color:#dd4f43}.modal{margin-top:10%;margin-top:10vh;background:#fff}.modal-title{padding:20px 20px 10px;font-size:1.4rem;font-weight:400}.modal-body{max-height:55vh;overflow:auto;color:#666}.modal-body,.modal-footer{padding:10px 20px}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number],input[type=password],input[type=search],input[type=text],textarea{position:relative;border:1px solid #ccc;border-top:none;border-left:none;border-right:none;box-shadow:none;padding:6px 1px;background:hsla(0,0%,100%,0);width:100%}input[type=number]:after,input[type=password]:after,input[type=search]:after,input[type=text]:after,textarea:after{transition:all 1s;position:absolute;display:block;bottom:0;background-color:red;height:2px;left:0;width:0}input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,textarea:focus{border-color:#2196f3;box-shadow:0 1px 0 #2196f3;outline:none}input[type=number]:focus:after,input[type=password]:focus:after,input[type=search]:focus:after,input[type=text]:focus:after,textarea:focus:after{width:100%}textarea{resize:vertical;overflow:auto}input.input-big{margin:0;padding:10px;border:none;background:#fff;font-size:1.7rem;font-weight:300}input.input-big:focus{border-bottom:none;box-shadow:none;margin:0}select{width:100%;padding:6px 12px;border:1px solid #ccc;outline:none}select:focus{border:1px solid #2196f3;outline:none}label{color:#666;font-weight:400}label.active{color:#2196f3}.sublabel{font-size:.85rem;font-weight:400;text-align:right;margin-top:5px;color:#aaa}.form-section{margin-top:20px;margin-bottom:20px}.form-section-title{margin-bottom:15px;font-size:1.1rem;font-weight:400}.form-entry{margin-bottom:15px;width:100%}.form-entry:last-child{margin-bottom:0}[type=radio]:checked,[type=radio]:not(:checked){position:absolute;left:-9999px;visibility:hidden}[type=radio]:checked+label,[type=radio]:not(:checked)+label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;transition:all .28s ease;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}[type=radio]+label{color:#333}[type=radio]+label:after,[type=radio]+label:before{content:"";position:absolute;left:0;top:0;margin:4px;width:16px;height:16px;z-index:0;transition:all .28s ease}[type=radio]:not(:checked)+label:after,[type=radio]:not(:checked)+label:before{border-radius:50%;border:2px solid #5a5a5a}[type=radio]:not(:checked)+label:after{z-index:-1;-webkit-transform:scale(0);transform:scale(0)}[type=radio]:checked+label:before{border-radius:50%;border:2px solid transparent}[type=radio]:checked+label:after{background-color:#2196f3;z-index:0;-webkit-transform:scale(1.02);transform:scale(1.02)}[type=radio].with-gap:checked+label:after,[type=radio].with-gap:checked+label:before,[type=radio]:checked+label:after{border-radius:50%;border:2px solid #2196f3}[type=radio].with-gap:checked+label:after{background-color:#2196f3;z-index:0;-webkit-transform:scale(.5);transform:scale(.5)}[type=radio]:disabled:checked+label:before,[type=radio]:disabled:not(:checked)+label:before{background-color:transparent;border-color:#9e9e9e}[type=radio]:disabled+label{color:#9e9e9e}[type=radio]:disabled:not(:checked)+label:hover:before{border-color:#9e9e9e}[type=checkbox]:checked,[type=checkbox]:not(:checked){position:absolute;left:-9999px}[type=checkbox]+label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:20px;line-height:20px;color:#333;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}[type=checkbox]+label:before{content:"";position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid #5a5a5a;border-radius:1px;margin-top:2px;transition:all .2s}[type=checkbox]:not(:checked):disabled+label:before{border:none;background-color:#9e9e9e}[type=checkbox]:checked+label:before{top:-4px;left:-3px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #2196f3;border-bottom:2px solid #2196f3;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox]:disabled+label{color:#9e9e9e}[type=checkbox]:disabled+label:before{border-right:2px solid #9e9e9e;border-bottom:2px solid #9e9e9e}[type=checkbox] :indeterminate+label:before{left:-10px;top:-11px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid #2196f3;border-bottom:none;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox] :indeterminate:disabled+label:before{border-right:2px solid #9e9e9e;background-color:transparent}[type=checkbox].filled-in+label:after{top:1px;border-radius:2px}[type=checkbox].filled-in+label:after,[type=checkbox].filled-in+label:before{content:"";left:0;position:absolute;transition:border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;z-index:1}[type=checkbox].filled-in:not(:checked)+label:before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotate(37deg);transform:rotate(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox].filled-in:not(:checked)+label:after{height:18px;width:18px;background-color:transparent;border:2px solid #5a5a5a;z-index:0}[type=checkbox].filled-in:checked+label:before{top:1px;left:1px;width:7px;height:12px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(37deg);transform:rotate(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type=checkbox].filled-in:checked+label:after{width:18px;height:18px;border:2px solid #2196f3;background-color:#2196f3;z-index:0}[type=checkbox].filled-in:disabled:not(:checked)+label:before{background-color:transparent;border:2px solid transparent}[type=checkbox].filled-in:disabled:not(:checked)+label:after{border-color:transparent;background-color:#9e9e9e}[type=checkbox].filled-in:disabled:checked+label{color:#9e9e9e}[type=checkbox].filled-in:disabled:checked+label:before{background-color:transparent}[type=checkbox].filled-in:disabled:checked+label:after{background-color:#9e9e9e;border-color:#9e9e9e}.switch,.switch *{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.switch label{cursor:pointer}.switch label input[type=checkbox]{opacity:0;width:0;height:0}.switch label input[type=checkbox]:checked+.lever{background-color:#b5ccdf}.switch label input[type=checkbox]:checked+.lever:after{background-color:#2196f3}.switch label .lever{content:"";display:inline-block;position:relative;width:40px;height:15px;background-color:#818181;border-radius:15px;margin-right:10px;transition:background .3s ease;vertical-align:middle;margin:0 16px}.switch label .lever:after{content:"";position:absolute;display:inline-block;width:21px;height:21px;background-color:#f1f1f1;border-radius:21px;box-shadow:0 1px 3px 1px rgba(0,0,0,.4);left:-5px;top:-3px;transition:left .3s ease,background .3s ease,box-shadow .1s ease}input[type=checkbox]:checked:not(:disabled)~.lever:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(33,150,243,.1)}input[type=checkbox]:not(:disabled)~.lever:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,0,0,.08)}.switch label input[type=checkbox]:checked+.lever:after{left:24px}.switch input[type=checkbox][disabled]+.lever{cursor:default}.switch label input[type=checkbox][disabled]+.lever:after,.switch label input[type=checkbox][disabled]:checked+.lever:after{background-color:#9e9e9e}.light-heading{font-size:1.1rem;font-weight:400;color:#999}.actionbar{position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:50}.actionbar .row{padding:15px}.actionbar-label{float:left;padding:7px}.actionbar-controls{float:right}.actionbar-controls button{margin-left:10px}.bookmarklet{padding:5px 10px;background-color:#fff;border:1px solid #aaa;color:#333;text-decoration:none}.bookmarklet:focus,.bookmarklet:hover{box-shadow:0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);text-decoration:none;color:inherit}.bookmarklet:active{box-shadow:none}.bookmarklet img{vertical-align:top;height:20px}.header-main .popup a{display:block}.header-main .popup a,.header-main .popup a:hover{color:#333}.icon-filter,.icon-fold,.icon-login,.icon-logout,.icon-plugin,.icon-private,.icon-private-active,.icon-rss,.icon-tools{width:30px;height:30px;background-size:20px;background-repeat:no-repeat;background-position:50%;margin-top:15px;margin-left:7px;border-radius:50%}.icon-filter:focus,.icon-filter:hover,.icon-fold:focus,.icon-fold:hover,.icon-login:focus,.icon-login:hover,.icon-logout:focus,.icon-logout:hover,.icon-plugin:focus,.icon-plugin:hover,.icon-private-active:focus,.icon-private-active:hover,.icon-private:focus,.icon-private:hover,.icon-rss:focus,.icon-rss:hover,.icon-tools:focus,.icon-tools:hover{background-color:hsla(0,0%,100%,.2)}.icon-login{background-image:url(../images/toolbar/login.png)}.icon-logout{background-image:url(../images/toolbar/logout.png)}.icon-tools{background-image:url(../images/toolbar/tools.png)}.icon-rss{background-image:url(../images/toolbar/rss.png)}.icon-private{background-image:url(../images/toolbar/key.png)}.icon-private-active{background-image:url(../images/toolbar/key_active.png)}.icon-filter{background-image:url(../images/toolbar/filter.png)}.icon-plugin{background-image:url(../images/toolbar/dots.png)}.icon-unfold{background-image:url(../images/toolbar/chevron-down.png)}.unfold .icon-unfold{background-image:url(../images/toolbar/chevron-up.png)}.icon-delete,.icon-edit,.icon-qrcode{width:24px;height:24px;background-size:24px;background-repeat:no-repeat;background-position:50%;display:inline-block}.icon-edit{background-image:url(../images/links/edit.png)}.icon-delete{background-image:url(../images/links/delete.png)}.icon-qrcode{background-image:url(../images/links/qrcode.png);cursor:-ms-zoom-in;cursor:zoom-in}.icon-header{width:30px;height:30px;line-height:30px;text-align:center;margin-top:15px;margin-left:7px;border-radius:50%;font-size:18px;color:#fff}.icon-header:focus,.icon-header:hover{background-color:hsla(0,0%,100%,.2);color:#fff}.icon-header.filter-on{color:#f44336}.header-main{width:100%;min-height:56px;background-color:#2196f3;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);margin-bottom:15px;color:#fff;max-height:56px;z-index:10}.header-main a,.header-main a.header-brand{color:#fff;text-decoration:none}.header-main a.header-brand{display:inline-block;padding:0 15px;font-size:1.4rem;font-weight:300;line-height:56px;height:56px;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.header-main a.header-brand:hover{background-color:hsla(0,0%,100%,.15)}.header-main .header-nav{height:56px}.header-main .header-buttons{float:right;height:56px}.header-main .header-buttons button{display:block}.header-main .header-buttons>*{display:block;float:right}.header-main .header-middle a:hover{background-color:hsla(0,0%,100%,.15)}.header-main .toolbar-link{text-align:center;margin:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;margin-bottom:10px;display:inline-block}.header-main.unfold{overflow:visible;max-height:none}.dark-toolbar .header-main{background-color:#000}@media (max-width:1199px){.header-main{overflow:hidden}}.toolbar-button-container{position:relative}.subheader{width:100%;background-color:#1976d2;margin-top:-15px;margin-bottom:15px;color:#fff;padding:10px;z-index:5}.subheader .button,.subheader .button-inverse{display:block;float:left;color:#fff;margin-right:5px}.paging a{display:inline-block;padding:0 10px;line-height:3rem;color:#999;font-size:2rem}.paging a:hover{color:#333}.paging .paging-current{display:inline-block;line-height:3rem;color:#999;font-size:1.2rem}#footer{text-align:center;margin-top:50px;margin-bottom:15px;color:#999;font-size:.85rem;font-weight:400}.from-bookmarklet #footer{margin-top:10px}.fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);z-index:200}.fullscreen.visible{display:block}.content-fullscreen{position:absolute;top:30%;left:0;right:0}.button-fullscreen{display:block;width:100%}.overlay{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);z-index:200}.page-add,.page-edit,.page-login{margin-top:50px;margin-bottom:50px}.from-bookmarklet .page-edit{margin-top:10px;margin-bottom:10px}.page-tools{margin-bottom:50px}.button-header{position:absolute;width:34px;height:34px;top:7px;right:7px;background:50% no-repeat}.button-header:focus,.button-header:hover{background-color:hsla(0,0%,60%,.2)}.button-header:active{background-color:hsla(0,0%,39%,.2)}.button-expand{background-image:url(../images/arrow-expand.png)}.is-expanded .button-expand{background-image:url(../images/arrow-compress.png)}.link-outer{position:relative;overflow:hidden}.links-list.is-selectable .link-outer.is-selected{outline:4px solid orange}.link-overlay{display:none;position:absolute;top:0;bottom:0;left:0;right:0;cursor:pointer;z-index:10}.links-list.is-selectable .link-overlay:hover{background-color:hsla(0,0%,78%,.5)}.links-list.is-selectable .link-overlay{display:block;background-color:hsla(0,0%,100%,0)}.links-list.is-selectable .is-selected .link-overlay{display:block;background-color:rgba(255,0,0,.5)}.link-inner{border-radius:2px 0 0 2px}.link-header{text-transform:none}.link-content{overflow:hidden}.link-footer{padding:15px;border-top:1px solid #eee;background-color:#f2f2f2}a.link-title{display:block;overflow:hidden;text-overflow:ellipsis;color:#333;text-decoration:none;font-weight:700}a.link-title:hover{color:#999}.private{background:url(../images/private-band.png) 0 0 no-repeat #fff}.private a.link-title{margin-left:20px;color:#b71c1c}.link-date{font-size:.85rem;font-weight:400;float:right}.link-date .link-archive,.link-date a{color:#bbb}.link-description{padding:15px}.link-description p:first-child{margin-top:0}.link-description p:last-child{margin-bottom:0}.thumb img{float:right;margin:15px}.link-tag-list{overflow:hidden;overflow-x:auto;text-overflow:ellipsis;white-space:nowrap}.link-tag{display:inline-block}.link-tag a{display:block;color:#888;text-decoration:none;padding:3px 10px;background-color:#ddd;border-radius:20px;border:1px solid #ccc;font-size:.8rem}.link-tag a:hover{background-color:#ccc}.link-tag-filter{background-color:#ddd;border-radius:20px;border:1px solid #ccc}.link-tag-filter,.link-tag-filter a{color:#888;text-decoration:none;display:inline-block}.link-tag-filter a{padding:3px 0 3px 10px}.link-tag-link{padding:3px 10px}.link-tag-filter:hover{background-color:#ccc}.link-tag-filter .remove{font-style:normal;background-color:#fff;border-radius:50%;padding:0 5px;padding-bottom:1px}.link-url-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:24px;text-align:right}a.link-url{color:#999;text-decoration:none;font-size:.85rem;font-weight:400}a.link-url:hover{color:#333}.link-actions{height:24px;text-align:right}.is-selectable .link-actions{display:none}.link-actions>*{display:block;float:right;width:24px;right:24px;margin-left:5px}.link-actions form>*{display:block}.link-plugin:not(:last-child){margin-right:5px}.link-plugin:nth-child(2):before{content:"-";margin:0 5px}.link-counter{margin-top:20px;margin-bottom:20px;color:#999}.favorite-tag{display:block;float:left;padding:10px;margin-right:10px;background-color:rgba(0,0,0,.05);color:#999}.favorite-tag:focus,.favorite-tag:hover{background-color:rgba(0,0,0,.1);color:inherit;text-decoration:none}.favorite-tag:active{background-color:rgba(0,0,0,.2)}.picwall-pictureframe{float:left;position:relative;overflow:hidden;width:120px;height:90px;text-align:center}.picwall-link{display:none;position:absolute;top:0;left:0;background-color:#666;background-color:hsla(0,0%,39%,.7);color:#fff;font-size:.85rem;font-weight:400}.picwall-pictureframe:hover .picwall-link{display:block;text-decoration:none}.picwall-link:hover{color:#fff}div.daily{font-family:Georgia,DejaVu Serif,Norasi,serif;background-color:#e6d6be;background-image:url(../images/Paper_texture_v5_by_bashcorpo_w1000.jpg);background-size:cover;position:relative;border-bottom:2px solid #000;margin-top:-15px}#daily_col1{padding-left:1%}#daily_col1,#daily_col2,#daily_col3{float:left;position:relative;width:33%}div.dailyAbout{float:left;border:1px solid #000;font-size:8pt;position:absolute;left:10px;top:15px;padding:5px;text-align:center}div.dailyAbout a{color:#890500}div.dailyAbout img{position:relative;top:3px;margin-right:4px;width:14px;height:14px}div.dailyTitle{font-size:44pt;padding:10px 20px 0}div.dailyDate,div.dailyTitle{font-weight:700;text-align:center}div.dailyDate{font-size:12pt;padding:0 20px 30px}div.dailyEntry{margin:5px 10px 2px 5px;font-size:11pt;border-top:1px solid #555}div.dailyEntry a{text-decoration:none;color:#890500}div.dailyEntryPermalink{float:right}div.dailyEntryTags{font-size:7.75pt}div.dailyEntryTitle{font-size:18pt;font-weight:700}div.dailyEntryLinkdate{font-size:8pt}div.dailyEntryThumbnail{width:100%;text-align:center;background-color:gray;background:url(../images/50pc_transparent.png);padding:4px 0 2px}div.dailyEntryDescription{margin-top:10px;margin-bottom:30px;text-align:justify;overflow:auto}div.dailyNoEntry{text-align:center;padding:40px 0 90px}.daily #closing{clear:both;text-align:center;padding-bottom:20px}.plugin-actions{font-size:1.4rem;font-weight:400;padding:10px;line-height:20px}.errors{color:#fff;background-color:#f44336;padding:15px 0;margin-top:-15px;margin-bottom:15px}.errors ul{margin-bottom:0}#overlay-content-qrcode{z-index:600;position:fixed;top:20%;left:0;width:100%;text-align:center}@media (min-width:768px){.thumb{float:left}.thumb+.link-description{padding-left:150px}}.plugin-param-key{line-height:33px} \ No newline at end of file diff --git a/material/includes.html b/material/includes.html index 3606b06..e3856f9 100644 --- a/material/includes.html +++ b/material/includes.html @@ -18,64 +18,9 @@ -{if="$conf->get('config.MATERIAL_COLOR')"} -{$materialColor=$conf->get('config.MATERIAL_COLOR')} -{$materialColorFocus=$conf->get('config.MATERIAL_COLOR_FOCUS') ? $conf->get('config.MATERIAL_COLOR_FOCUS') : $materialColor} -{$materialColorActive=$conf->get('config.MATERIAL_COLOR_ACTIVE') ? $conf->get('config.MATERIAL_COLOR_ACTIVE') : $materialColor} - - +{if="$conf->get('config.THEME_COLOR')"} +{$themeColor=$conf->get('config.THEME_COLOR')} + {else} {/if} diff --git a/material/scss/components/_header.scss b/material/scss/components/_header.scss index 162d07f..8f5d938 100644 --- a/material/scss/components/_header.scss +++ b/material/scss/components/_header.scss @@ -93,10 +93,12 @@ margin-left: 7px; border-radius: 50%; font-size: 18px; + color: #fff; &:focus, &:hover{ background-color: rgba(255, 255, 255, .2); + color: #fff; } &.filter-on{ diff --git a/user.example.css b/user.example.css new file mode 100644 index 0000000..db18d2b --- /dev/null +++ b/user.example.css @@ -0,0 +1,62 @@ +/* +This is an example of data/user.css file to change colors from Blue to Teal. +Example color palettes available here: https://material.io/guidelines/style/color.html#color-color-palette +- Base color: #009688 +- Focus color: #00796B +- Active color: #004D40 + */ +div.awesomplete > ul > li[aria-selected=true], +.button-primary, +[type="radio"]:checked + label:after, +[type="radio"].with-gap:checked + label:after, +[type=checkbox].filled-in:checked + label:after, +.switch label input[type=checkbox]:checked + .lever:after, +.header-main { + background-color: #009688; +} +.button-primary:hover, .button-primary:focus{ + background-color: #00796B; +} +.button-primary:active{ + background-color: #004D40; +} + +a, +label.active { + color: #009688; +} + +a:hover, a:focus { + color: #00796B; +} + +a:active { + color: #004D40; +} + +input[type=text]:focus, +input[type=search]:focus, +input[type=number]:focus, +input[type=password]:focus, +textarea:focus { + border-color: #009688; + box-shadow: 0 1px 0 #009688; + outline: none; +} +input.input-big:focus{ + box-shadow: none; +} + +select:focus, +[type="radio"]:checked + label:after, +[type="radio"].with-gap:checked + label:before, +[type="radio"].with-gap:checked + label:after, +[type="checkbox"]:checked + label:before, +[type="checkbox"] :indeterminate + label:before, +[type=checkbox].filled-in:checked + label:after { + border-color: #009688; +} + +.subheader{ + background-color: #00796B; +} \ No newline at end of file