Swage Theme Fixes (#2082)

* Fix Config pages in Swage Theme

Fix config & extensions pages; experimental fix for over-length menu options

* unminify Swage CSS

make swage.css readable.

* Update template.css

prevent a dropdown menu item from wrapping multiple lines

3 files changed, 1260 insertions, 23 deletions

diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css
index a1b03aa2a..5cab13bd7 100644
--- a/p/themes/Swage/swage.css
+++ b/p/themes/Swage/swage.css
@@ -1 +1,1211 @@
-.dropdown-menu>.item:hover>a,.nav-list a:hover,a.btn{text-decoration:none}.btn,.header>.item,.horizontal-list .item,.stick,input,select,textarea{vertical-align:middle}.btn,.flux_header,label{cursor:pointer}input,select,textarea{min-height:25px;margin-top:4px;line-height:25px;background:#FCFCFC;border:none;padding-left:5px}input:invalid,select:invalid{color:#B0425B;border-color:#B0425B;box-shadow:none}.nav-list .item,.nav-list .nav-header{height:2.5em;line-height:2.5em;font-size:.9rem}.dropdown-menu>.item,.dropdown-menu>.item button,.dropdown-menu>.item>a,.dropdown-menu>.item>as-link,.dropdown-menu>.item>span{padding:0 22px;line-height:2.5em;font-size:.8rem;color:#FCFCFC}.flux::after,.form-group::after{content:"";display:block;clear:both}.btn,legend{display:inline-block}body,html{height:100%;font-family:Helvetica,Arial,sans-serif}a{color:#00488b;outline:0}a.btn{min-height:25px;line-height:25px}a.btn:hover{background:#00488b}img.icon:hover{background:0 0}div#stream{margin-top:35px}sup{top:-.3em}legend{width:auto;margin:20px 0 5px;padding:5px 20px;font-size:1.4em;clear:both;background:#e3e3e3}.form-group:hover,input:disabled,select:disabled,th{background:#FCFCFC}label{min-height:25px;color:#FCFCFC}textarea{width:360px;height:100px}input:focus,select:focus,textarea:focus{color:darken #FCFCFC,40%;border-color:#00488b}input.extend{transition:width .2s linear}option{padding:0 .5em}table{border-collapse:collapse}td,th,tr{padding:.5em;border:1px solid #e3e3e3}form td,form th{font-weight:400;text-align:center}.category .title.error::before{display:inline-block;padding-right:7px;width:16px;content:url(../Swage/icons/error.svg)}.form-group{padding:5px;border:1px solid transparent}.form-group:hover{border:1px solid #FCFCFC}.form-group.form-actions{margin:15px 0 25px;padding:5px 0;background:#e3e3e3;border-top:3px solid #e3e3e3}.form-group.form-actions .btn{margin:0 10px}.form-group .group-name{padding:10px 0;text-align:right}.form-group .group-controls{min-height:25px;padding:5px 0}.form-group .group-controls .control{line-height:2em}.form-group table{margin:10px 0 0 220px}.stick{font-size:0}.btn{min-height:35px;min-width:15px;margin:0;padding:5px 10px;font-size:.9rem;overflow:hidden;background:#0062be;border:none;color:#FCFCFC}.btn :active,.btn :hover,.btn.active{background:#00488b;text-decoration:none}.btn-attention,.btn-important{font-weight:400;background:#FA8052;color:#FCFCFC}.btn-attention :active,.btn-attention:hover,.btn-important :active,.btn-important:hover{background:#f95c20!important}.nav-list .nav-header{padding:0 10px;font-weight:700;background:#22303d;color:#FCFCFC}.nav-list .item .active,.nav-list .item:hover{background:#00488b;color:#FCFCFC}.nav-list .item .active .error a,.nav-list .item .active a,.nav-list .item .active.empty a,.nav-list .item:hover .error a,.nav-list .item:hover a,.nav-list .item:hover.empty a{color:#FCFCFC}.nav-list .item .active.empty a,.nav-list .item:hover.empty a{background:#FA8052}.nav-list .item .active.error a,.nav-list .item:hover.error a{background:#c46178}.nav-list .item>a{padding:0 10px}.nav-list .item.empty a{color:#FA8052}.nav-list .item.error a{color:#c46178}.nav-list .disable{text-align:center;background:#FCFCFC;color:darken #FCFCFC,40%}.nav-list .nav-form{padding:3px;text-align:center}.nav-head{margin:0;text-align:right;background:#22303d;color:#FCFCFC}.nav-head a{color:#FCFCFC}.nav-head .item{padding:5px 10px;font-size:.9rem;line-height:1.5rem}.horizontal-list{margin:0;padding:0}.dropdown-menu{padding:5px 0;font-size:.8rem;text-align:left;border:none;background-color:#00488b}.dropdown-menu>.item{padding:0;margin-left:10px}.dropdown-menu>.item>a{min-width:initial}.dropdown-menu>.item:hover{background:#0062be;color:#FCFCFC}.alert,.alert-error,.alert-success,.alert-warn{background:#FCFCFC}.dropdown-menu>.item:hover>a{color:#FCFCFC}.dropdown-menu>.item[aria-checked=true]>a::before{font-weight:700;margin:0 0 0 -14px}.dropdown-menu .input input,.dropdown-menu .input select{margin:0 auto 5px;padding:2px 5px}.dropdown-header{padding:0 5px 5px;font-weight:700;text-align:left;color:#FCFCFC}.separator{margin:5px 0;border-bottom:1px solid #e3e3e3}.alert,.alert-error,.alert-success,.alert-warn{border:none}.alert{margin:5px auto;padding:10px 15px;font-size:.9em;color:darken #FCFCFC,40%;text-shadow:0 0 1px #FCFCFC}.alert>a{text-decoration:underline;color:inherit}#bigMarkAsRead,#new-article>a:hover,.header>.item.title h1 a,.pagination .item a,.tree-folder-items>.item>a,.tree-folder-title .title:hover{text-decoration:none}.alert-head{font-size:1.15em}.alert-warn{color:#FA8052}.alert-success{color:#5EAABF}.alert-error{color:#B0425B}.pagination{text-align:center;font-size:.8em;background:#e3e3e3;color:#181621}.pagination .item.pager-current{font-weight:700;font-size:1.5em;background:#22303d;color:#e3e3e3}.pagination .item a{display:block;font-style:italic;line-height:3em;color:#181621}.pagination .item a:hover{background:#22303d;color:#e3e3e3}.pagination .loading,.pagination a:hover.loading{font-size:0;background:url(loader.gif) center center no-repeat #22303d}.content{padding:20px 10px}.content .pagination{margin:0;padding:0}.content hr{margin:30px 10px;height:1px;background:#e3e3e3;border:0;box-shadow:0 2px 5px #e3e3e3}.content pre{margin:10px auto;padding:10px 20px;overflow:auto;background:#181621;color:#FCFCFC;font-size:.9rem}.content pre code{background:0 0;color:#FCFCFC;border:none}.content code{padding:2px 5px;color:#B0425B;background:#FCFCFC;border:1px solid #FCFCFC}.box .box-title,.content blockquote{margin:0;border-bottom:1px solid #e3e3e3}.content blockquote{display:block;padding:5px 20px;border-top:1px solid #e3e3e3;background:#FCFCFC;color:darken #FCFCFC,40%}.content blockquote p{margin:0}.content>h1.title>a{color:#181621}.box{border:1px solid #e3e3e3}.box .box-title{padding:5px 10px;background:#e3e3e3;color:darken #FCFCFC,40%}.box .box-content{max-height:260px}.box .box-content .item{padding:0 10px;font-size:.9rem;line-height:2.5em}.box .box-content .item .configure{visibility:hidden}.box .box-content .item .configure .icon{vertical-align:middle;background-color:#e3e3e3}.box .box-content .item:hover .configure{visibility:visible}.box.category .box-title .title{font-weight:400;text-decoration:none;text-align:left}.header h1,.prompt{text-align:center}.box.category:not([data-unread="0"]) .box-title{background:#0062be}.box.category:not([data-unread="0"]) .box-title:active{background:#00488b}.box.category:not([data-unread="0"]) .box-title .title{font-weight:700;color:#FCFCFC}.box.category .title:not([data-unread="0"])::after{position:absolute;top:5px;right:10px;border:0;background:0 0;font-weight:700;box-shadow:none;text-shadow:none}.box.category .item.feed{padding:2px 10px;font-size:.8rem}.tree{margin:10px 0}.tree-folder-title{position:relative;padding:0 10px;background:#22303d;line-height:2.3rem;font-size:1rem;height:35px}.tree-folder-title .title{background:inherit;color:#FCFCFC}.tree-folder-items{background:#22303d}.tree-folder-items>.item{padding:0 10px;line-height:2.5rem;font-size:.8rem}.tree-folder-items>.item.active{background:#00488b}.tree-folder-items>.item>a{color:#FCFCFC}.header>.item.title{width:231px;position:absolute}.header>.item.title h1{margin:0;display:block}.header>.item.title h1 a{color:#FCFCFC}.header>.item.title .logo{display:inline-block;height:26px;vertical-align:top;position:relative;top:5px}.day .name,.header .item.search{display:none}.header>.item.search input{width:230px}.header .item.search input:focus{width:350px}.header .item.configure{position:fixed;right:0;z-index:1000;width:35px}.header h1{font-size:1.5em}.aside{background:#22303d;padding:35px 0;width:231px}.aside.aside_feed .tree{margin:0 0 50px}.aside.aside_feed .nav-form input,.aside.aside_feed .nav-form select{width:140px}.aside.aside_feed .nav-form .dropdown .dropdown-menu{right:-20px}.aside.aside_feed .nav-form .dropdown .dropdown-menu::after{right:33px}.aside_feed .tree-folder-title>.title:not([data-unread="0"])::after{position:absolute;right:0;margin:6px 0;padding:0 10px;font-size:.9rem;line-height:1.5rem;background:inherit}.aside_feed .tree-folder-items .dropdown-menu::after{left:2px}#new-article,.notification{position:fixed;bottom:48px;left:0}.post{padding:10px 50px;font-size:.9em}.post form{margin:10px 0}.post.content{max-width:550px}.prompt label{text-align:left}#new-article,.day{text-align:center}.prompt form{margin:10px auto 20px;width:200px}.prompt input{margin:5px auto;width:100%}.prompt p{margin:20px 0}#new-article{font-size:1em;background:#0062be;z-index:900;width:231px;line-height:1.5em}#new-article:hover{background:#00488b}#new-article>a{line-height:1.5em;font-weight:700;color:#FCFCFC}.day{padding:0 10px;font-weight:700;line-height:3em}.nav a{color:#FCFCFC}.nav_menu{font-size:0;background-color:#0062be;position:fixed;width:100%;z-index:900}.nav_menu .item.search{display:inline-block;position:fixed;right:40px}.flux{padding-right:10px;background:#FCFCFC}.flux::after{margin:0 auto;width:90%;border-top:1px solid #e3e3e3}#nav_entries,.notification{text-align:center;width:231px}.flux .current,.flux .current:not(.current):hover .item.title,.flux:hover,.flux:hover:not(.current):hover .item.title{background:#FFF}.flux.not_read,.flux.not_read:not(.current):hover .item.title{background:#FFF3ED}.flux.favorite,.flux.favorite:not(.current):hover .item.title{background:#FFF6DA}.flux .date{font-size:.7rem;color:darken #FCFCFC,40%}.flux .bottom{font-size:.8rem;text-align:center}.flux .website .favicon{padding:5px}.flux_header{font-size:.8rem}.flux_header .title{font-size:.9rem}.notification{font-weight:700;font-size:1em;padding:10px 0;z-index:10;vertical-align:middle;background:#e3e3e3;color:darken #FCFCFC,40%;border:none;top:auto;height:auto}.notification .bad,.notification.good{color:#FCFCFC}.notification.good,.notification.good a.close:hover{background:#5EAABF}.notification.bad,.notification.bad a.close:hover{background:#c46178}.notification#actualizeProgress{line-height:2em}.notification a.close{display:none}#bigMarkAsRead{text-align:center;background:#e3e3e3;padding:20px!important}#bigMarkAsRead:hover{background:#22303d;color:#FCFCFC}#nav_entries{margin:0;line-height:3em;table-layout:fixed;background:#22303d}.stat{margin:10px 0 20px}.stat td,.stat th,.stat tr{border:none}.stat>table td,.stat>table th{border-bottom:1px solid #e3e3e3}.stat>.horizontal-list{margin:0 0 5px}.stat>.horizontal-list .item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.stat>.horizontal-list .item:first-child{width:270px}.loglist{overflow:hidden;border:1px solid darken}.log{margin:10px 0;padding:5px 2%;overflow:auto;font-size:.8rem;background:#FCFCFC;color:darken #FCFCFC,40%}.log>.date{margin:0 10px 0 0;padding:5px 10px}.log.error>.date{background:#c46178;color:#FCFCFC}.log.warning>.date{background:#FA8052}.log.notice>.date{background:#e3e3e3}.log.debug>.date{background:#181621;color:#FCFCFC}@media (max-width:840px){.dropdown-header,.dropdown-menu>.item{padding:12px}#new-article{width:100%;bottom:initial}.header{display:table}.header .item.title .logo{display:none}.header>.item.title h1 a{display:block;position:absolute;top:-35px;left:10px;font-size:.6em}.header .item.configure,button.read_all.btn{display:none}.flux .item.manage,.flux_header .item.website{width:35px;text-align:center}#panel .close,.aside .toggle_aside{line-height:50px;text-align:right;background:#22303d;display:block}.aside{width:0;transition:width .2s linear}.aside .toggle_aside{height:50px;padding-right:10px}.aside.aside_feed{padding:0}.aside:target{width:78%}.nav_menu{position:initial;height:71px}.nav_menu .btn{margin:5px 10px}.nav_menu .stick{margin:0 10px}.nav_menu .stick .btn{margin:5px 0}.nav_menu .search{position:absolute!important;top:35px;left:55px}.nav_menu .search input{width:85%}.pagination{margin:0 0 3.5em}#panel .close{height:50px;padding-right:10px}.day .name{font-size:1.1rem}.notification{width:100%}.notification a.close{display:block;left:0;background:0 0}.notification a.close:hover{opacity:.5}.notification a.close .icon{display:none}#nav_entries{width:100%!important}div#stream{margin-top:0}a.btn.toggle_aside{position:absolute;top:29px}a#actualize,a#toggle-order,div#nav_menu_actions,div#nav_menu_views,form#mark-read-menu{position:absolute}form#mark-read-menu{right:46px;top:30px;z-index:1100}a#actualize,a#toggle-order{right:0}a#actualize{top:29px}a#toggle-order,div#nav_menu_actions,div#nav_menu_views{top:65px}div#nav_menu_actions{left:0}div#nav_menu_views{right:50px}}@media (max-width:410px){.nav_menu .stick{margin:0}}@media (max-width:374px){#nav_menu_views{display:none}}button.as-link{color:#FCFCFC;outline:0}.dropdown-target:target~.btn.dropdown-toggle{background:#00488b}.tree-folder.active .tree-folder-title{background:#00488b;font-weight:700}.feed.item.empty{color:#FA8052}.feed.item.empty.active{background:#FA8052;color:#FCFCFC}.feed.item.empty.active>a{color:#FCFCFC}.feed.item.empty>a{color:#FA8052}.feed.item.error{color:#c46178}.feed.item.error.active{background:#c46178;color:#FCFCFC}.feed.item.error.active>a{color:#FCFCFC}.feed.item.error>a{color:#c46178}#dropdown-query~.dropdown-menu .dropdown-header .icon{vertical-align:middle;float:right}#stream.reader .flux{padding:0 0 50px;background:#FCFCFC;color:#22303d;border:none}#stream.reader .flux .author{margin:0 0 10px;font-size:90%;color:darken #FCFCFC,40%}#nav_menu_actions ul.dropdown-menu,#nav_menu_read_all ul.dropdown-menu{left:0}
\ No newline at end of file
+textarea,input,select {
+min-height:25px;
+margin-top:4px;
+line-height:25px;
+vertical-align:middle;
+background:#FCFCFC;
+border:none;
+padding-left:5px
+}
+
+input:invalid,select:invalid {
+color:#B0425B;
+border-color:#B0425B;
+box-shadow:none
+}
+
+.nav-list .nav-header,.nav-list .item {
+height:2.5em;
+line-height:2.5em;
+font-size:.9rem
+}
+
+.dropdown-menu > .item,.dropdown-menu > .item > a,.dropdown-menu > .item > span,.dropdown-menu > .item > as-link,.dropdown-menu > .item button {
+padding:0 22px;
+line-height:2.5em;
+font-size:.8rem;
+color:#FCFCFC
+}
+
+.form-group::after,.flux::after {
+content:"";
+display:block;
+clear:both
+}
+
+html,body {
+height:100%;
+font-family:Helvetica,Arial,sans-serif
+}
+
+a {
+color:#00488b;
+outline:none
+}
+
+a.btn {
+min-height:25px;
+line-height:25px;
+text-decoration:none
+}
+
+a.btn:hover {
+background:#00488b
+}
+
+img.icon:hover {
+background:none
+}
+
+div#stream {
+margin-top:35px
+}
+
+sup {
+top:-.3em
+}
+
+legend {
+display:inline-block;
+width:auto;
+margin:20px 0 5px;
+padding:5px 20px;
+font-size:1.4em;
+clear:both;
+background:#e3e3e3
+}
+
+label {
+min-height:25px
+}
+
+textarea {
+width:360px;
+height:100px;
+background:#e3e3e3
+}
+
+textarea:focus {
+border-color:#00488b
+}
+
+input:focus,select:focus {
+border-color:#00488b
+}
+
+input:disabled,select:disabled {
+background:#FCFCFC
+}
+
+select {
+background:#e3e3e3
+}
+
+input.extend {
+transition:width 200ms linear
+}
+
+option {
+padding:0 .5em
+}
+
+table {
+border-collapse:collapse
+}
+
+tr,td,th {
+padding:.5em;
+border:1px solid #e3e3e3
+}
+
+th {
+background:#FCFCFC
+}
+
+form td,form th {
+font-weight:400;
+text-align:center
+}
+
+.category .title.error::before {
+display:inline-block;
+padding-right:7px;
+width:16px;
+content:url(../Swage/icons/error.svg)
+}
+
+.form-group {
+padding:5px;
+border:1px solid transparent
+}
+
+.form-group:hover {
+background:#FCFCFC;
+border:1px solid #FCFCFC
+}
+
+.form-group.form-actions {
+margin:15px 0 25px;
+padding:5px 0;
+background:#e3e3e3;
+border-top:3px solid #e3e3e3
+}
+
+.form-group.form-actions .btn {
+margin:0 10px
+}
+
+.form-group .group-name {
+padding:10px 0;
+text-align:right
+}
+
+.form-group .group-controls {
+min-height:25px;
+padding:5px 0
+}
+
+.form-group .group-controls .control {
+line-height:2em
+}
+
+.form-group table {
+margin:10px 0 0 220px
+}
+
+.stick {
+vertical-align:middle;
+font-size:0
+}
+
+.btn {
+display:inline-block;
+min-height:35px;
+min-width:15px;
+margin:0;
+padding:5px 10px;
+font-size:.9rem;
+vertical-align:middle;
+cursor:pointer;
+overflow:hidden;
+background:#0062be;
+border:none;
+color:#FCFCFC
+}
+
+.btn.active,.btn :active,.btn :hover {
+background:#00488b;
+text-decoration:none
+}
+
+.btn-important,.btn-attention {
+font-weight:400;
+background:#FA8052;
+color:#FCFCFC
+}
+
+.btn-important:hover,.btn-important :active,.btn-attention:hover,.btn-attention :active {
+background:#f95c20!important
+}
+
+.nav-list .nav-header {
+padding:0 10px;
+font-weight:700;
+background:#22303d;
+color:#FCFCFC;
+cursor:default
+}
+
+.nav-list .item:hover,.nav-list .item .active {
+background:#00488b;
+color:#FCFCFC
+}
+
+.nav-list .item:hover a,.nav-list .item .active a {
+color:#FCFCFC
+}
+
+.nav-list .item:hover.empty a,.nav-list .item:hover .error a,.nav-list .item .active.empty a,.nav-list .item .active .error a {
+color:#FCFCFC
+}
+
+.nav-list .item:hover.empty a,.nav-list .item .active.empty a {
+background:#FA8052
+}
+
+.nav-list .item:hover.error a,.nav-list .item .active.error a {
+background:#c46178
+}
+
+.nav-list .item > a {
+padding:0 10px
+}
+
+.nav-list .item.empty a {
+color:#FA8052
+}
+
+.nav-list .item.error a {
+color:#c46178
+}
+
+.nav-list .disable {
+text-align:center;
+background:#FCFCFC;
+color:#969696
+}
+
+.nav-list .nav-form {
+padding:3px;
+text-align:center
+}
+
+.nav-list a:hover {
+text-decoration:none
+}
+
+.nav-head {
+margin:0;
+text-align:right;
+background:#22303d;
+color:#FCFCFC
+}
+
+.nav-head a {
+color:#FCFCFC
+}
+
+.nav-head .item {
+padding:5px 10px;
+font-size:.9rem;
+line-height:1.5rem
+}
+
+.horizontal-list {
+margin:0;
+padding:0
+}
+
+.horizontal-list .item {
+vertical-align:middle
+}
+
+.dropdown-menu {
+padding:5px 0;
+font-size:.8rem;
+text-align:left;
+border:none;
+background-color:#00488b
+}
+
+.dropdown-menu .dropdown-header {
+cursor:default
+}
+
+.dropdown-menu > .item {
+padding:0;
+margin-left:10px
+}
+
+.dropdown-menu > .item > a {
+min-width:initial;
+white-space:nowrap
+}
+
+.dropdown-menu > .item:hover {
+background:#0062be;
+color:#FCFCFC
+}
+
+.dropdown-menu > .item:hover > a {
+text-decoration:none;
+color:#FCFCFC
+}
+
+.dropdown-menu > .item[aria-checked="true"] > a::before {
+font-weight:700;
+margin:0 0 0 -14px
+}
+
+.dropdown-menu .input select,.dropdown-menu .input input {
+margin:0 auto 5px;
+padding:2px 5px
+}
+
+.dropdown-header {
+padding:0 5px 5px;
+font-weight:700;
+text-align:left;
+color:#FCFCFC
+}
+
+.separator {
+margin:5px 0;
+border-bottom:1px solid #e3e3e3;
+cursor:default
+}
+
+.alert {
+margin:5px auto;
+padding:10px 15px;
+font-size:.9em;
+background:#FCFCFC;
+border:none;
+color:#969696;
+text-shadow:0 0 1px #FCFCFC
+}
+
+.alert > a {
+text-decoration:underline;
+color:inherit
+}
+
+.alert-head {
+font-size:1.15em
+}
+
+.alert-warn,.alert-success,.alert-error {
+border:none
+}
+
+.alert-warn {
+background:#FCFCFC;
+color:#FA8052
+}
+
+.alert-success {
+background:#FCFCFC;
+color:#5EAABF
+}
+
+.alert-error {
+background:#FCFCFC;
+color:#B0425B
+}
+
+.pagination {
+text-align:center;
+font-size:.8em;
+background:#e3e3e3;
+color:#181621
+}
+
+.pagination .item.pager-current {
+font-weight:700;
+font-size:1.5em;
+background:#22303d;
+color:#e3e3e3
+}
+
+.pagination .item a {
+display:block;
+font-style:italic;
+line-height:3em;
+text-decoration:none;
+color:#181621
+}
+
+.pagination .item a:hover {
+background:#22303d;
+color:#e3e3e3
+}
+
+.pagination .loading,.pagination a:hover.loading {
+font-size:0;
+background:url(loader.gif) center center no-repeat #22303d
+}
+
+.content {
+padding:20px 10px
+}
+
+.content .pagination {
+margin:0;
+padding:0
+}
+
+.content hr {
+margin:30px 10px;
+height:1px;
+background:#e3e3e3;
+border:0;
+box-shadow:0 2px 5px #e3e3e3
+}
+
+.content pre {
+margin:10px auto;
+padding:10px 20px;
+overflow:auto;
+background:#181621;
+color:#FCFCFC;
+font-size:.9rem
+}
+
+.content pre code {
+background:transparent;
+color:#FCFCFC;
+border:none
+}
+
+.content code {
+padding:2px 5px;
+color:#B0425B;
+background:#FCFCFC;
+border:1px solid #FCFCFC
+}
+
+.content blockquote {
+display:block;
+margin:0;
+padding:5px 20px;
+border-top:1px solid #e3e3e3;
+border-bottom:1px solid #e3e3e3;
+background:#FCFCFC;
+color:#969696
+}
+
+.content blockquote p {
+margin:0
+}
+
+.content > h1.title > a {
+color:#181621
+}
+
+.box {
+border:1px solid #e3e3e3
+}
+
+.box .box-title {
+margin:0;
+padding:5px 10px;
+background:#e3e3e3;
+color:#969696;
+border-bottom:1px solid #e3e3e3
+}
+
+.box .box-content {
+max-height:260px
+}
+
+.box .box-content .item {
+padding:0 10px;
+font-size:.9rem;
+line-height:2.5em
+}
+
+.box .box-content .item .configure {
+visibility:hidden
+}
+
+.box .box-content .item .configure .icon {
+vertical-align:middle;
+background-color:#e3e3e3
+}
+
+.box .box-content .item:hover .configure {
+visibility:visible
+}
+
+.box.category .box-title .title {
+font-weight:400;
+text-decoration:none;
+text-align:left
+}
+
+.box.category:not([data-unread="0"]) .box-title {
+background:#0062be
+}
+
+.box.category:not([data-unread="0"]) .box-title:active {
+background:#00488b
+}
+
+.box.category:not([data-unread="0"]) .box-title .title {
+font-weight:700;
+color:#FCFCFC
+}
+
+.box.category .title:not([data-unread="0"])::after {
+position:absolute;
+top:5px;
+right:10px;
+border:0;
+background:none;
+font-weight:700;
+box-shadow:none;
+text-shadow:none
+}
+
+.box.category .item.feed {
+padding:2px 10px;
+font-size:.8rem
+}
+
+.tree {
+margin:10px 0
+}
+
+.tree-folder-title {
+position:relative;
+padding:0 10px;
+background:#22303d;
+line-height:2.3rem;
+font-size:1rem;
+height:35px
+}
+
+.tree-folder-title .title {
+background:inherit;
+color:#FCFCFC
+}
+
+.tree-folder-title .title:hover {
+text-decoration:none
+}
+
+.tree-folder-items {
+background:#22303d
+}
+
+.tree-folder-items > .item {
+padding:0 10px;
+line-height:2.5rem;
+font-size:.8rem
+}
+
+.tree-folder-items > .item.active {
+background:#00488b
+}
+
+.tree-folder-items > .item > a {
+text-decoration:none;
+color:#FCFCFC
+}
+
+.header > .item {
+vertical-align:middle
+}
+
+.header > .item.title {
+width:231px;
+position:absolute
+}
+
+.header > .item.title h1 {
+margin:0;
+display:block
+}
+
+.header > .item.title h1 a {
+text-decoration:none;
+color:#FCFCFC
+}
+
+.header > .item.title .logo {
+display:inline-block;
+height:26px;
+vertical-align:top;
+position:relative;
+top:5px
+}
+
+.header > .item.search input {
+width:230px
+}
+
+.header .item.search input:focus {
+width:350px
+}
+
+.header .item.search {
+display:none
+}
+
+.header .item.configure {
+position:fixed;
+right:0;
+z-index:1000;
+width:35px
+}
+
+.header h1 {
+text-align:center;
+font-size:1.5em
+}
+
+.aside {
+background:#22303d;
+padding:35px 0;
+width:231px
+}
+
+.aside.aside_feed .tree {
+margin:0 0 50px
+}
+
+.aside.aside_feed .nav-form input,.aside.aside_feed .nav-form select {
+width:140px
+}
+
+.aside.aside_feed .nav-form .dropdown .dropdown-menu {
+right:-20px
+}
+
+.aside.aside_feed .nav-form .dropdown .dropdown-menu::after {
+right:33px
+}
+
+.aside_feed .tree-folder-title > .title:not([data-unread="0"])::after {
+position:absolute;
+right:0;
+margin:6px 0;
+padding:0 10px;
+font-size:.9rem;
+line-height:1.5rem;
+background:inherit
+}
+
+.aside_feed .tree-folder-items .dropdown-menu::after {
+left:2px
+}
+
+.post {
+padding:10px 50px;
+font-size:.9em
+}
+
+.post input {
+background:#e3e3e3
+}
+
+.post form {
+margin:10px 0
+}
+
+.post.content {
+max-width:550px
+}
+
+.prompt {
+text-align:center
+}
+
+.prompt label {
+text-align:left
+}
+
+.prompt form {
+margin:10px auto 20px;
+width:200px
+}
+
+.prompt input {
+margin:5px auto;
+width:100%
+}
+
+.prompt p {
+margin:20px 0
+}
+
+#new-article {
+text-align:center;
+font-size:1em;
+background:#0062be;
+position:fixed;
+bottom:48px;
+z-index:900;
+left:0;
+width:231px;
+line-height:1.5em
+}
+
+#new-article:hover {
+background:#00488b
+}
+
+#new-article > a {
+line-height:1.5em;
+font-weight:700;
+color:#FCFCFC
+}
+
+#new-article > a:hover {
+text-decoration:none
+}
+
+.day {
+padding:0 10px;
+font-weight:700;
+line-height:3em;
+text-align:center
+}
+
+.day .name {
+display:none
+}
+
+.nav a {
+color:#FCFCFC
+}
+
+.nav_menu {
+font-size:0;
+background-color:#0062be;
+position:fixed;
+width:100%;
+z-index:900
+}
+
+.nav_menu .item.search {
+display:inline-block;
+position:fixed;
+right:40px
+}
+
+.flux {
+padding-right:10px;
+background:#FCFCFC
+}
+
+.flux::after {
+margin:0 auto;
+width:90%;
+border-top:1px solid #e3e3e3
+}
+
+.flux:hover,.flux .current {
+background:#FFF
+}
+
+.flux:hover:not(.current):hover .item.title,.flux .current:not(.current):hover .item.title {
+background:#FFF
+}
+
+.flux.not_read {
+background:#FFF3ED
+}
+
+.flux.not_read:not(.current):hover .item.title {
+background:#FFF3ED
+}
+
+.flux.favorite {
+background:#FFF6DA
+}
+
+.flux.favorite:not(.current):hover .item.title {
+background:#FFF6DA
+}
+
+.flux .date {
+font-size:.7rem;
+color:#969696
+}
+
+.flux .bottom {
+font-size:.8rem;
+text-align:center
+}
+
+.flux .website .favicon {
+padding:5px
+}
+
+.flux label {
+color:#FCFCFC;
+cursor:pointer
+}
+
+.flux_header {
+font-size:.8rem;
+cursor:pointer
+}
+
+.flux_header .title {
+font-size:.9rem
+}
+
+.notification {
+text-align:center;
+font-weight:700;
+font-size:1em;
+padding:10px 0;
+z-index:10;
+vertical-align:middle;
+background:#e3e3e3;
+color:#969696;
+border:none;
+position:fixed;
+bottom:48px;
+left:0;
+top:auto;
+width:231px;
+height:auto
+}
+
+.notification.good,.notification .bad {
+color:#FCFCFC
+}
+
+.notification.good {
+background:#5EAABF
+}
+
+.notification.good a.close:hover {
+background:#5EAABF
+}
+
+.notification.bad {
+background:#c46178
+}
+
+.notification.bad a.close:hover {
+background:#c46178
+}
+
+.notification#actualizeProgress {
+line-height:2em
+}
+
+.notification a.close {
+display:none
+}
+
+#bigMarkAsRead {
+text-align:center;
+text-decoration:none;
+background:#e3e3e3;
+padding:20px!important
+}
+
+#bigMarkAsRead:hover {
+background:#22303d;
+color:#FCFCFC
+}
+
+#nav_entries {
+margin:0;
+text-align:center;
+line-height:3em;
+table-layout:fixed;
+width:231px;
+background:#22303d
+}
+
+.stat {
+margin:10px 0 20px
+}
+
+.stat th,.stat td,.stat tr {
+border:none
+}
+
+.stat > table td,.stat > table th {
+border-bottom:1px solid #e3e3e3
+}
+
+.stat > .horizontal-list {
+margin:0 0 5px
+}
+
+.stat > .horizontal-list .item {
+overflow:hidden;
+white-space:nowrap;
+text-overflow:ellipsis
+}
+
+.stat > .horizontal-list .item:first-child {
+width:270px
+}
+
+.loglist {
+overflow:hidden;
+border:1px solid #969696
+}
+
+.log {
+padding:5px 2%;
+overflow:auto;
+font-size:.8rem;
+background:#FCFCFC
+}
+
+.log > .date {
+margin:0 10px 0 0;
+padding:5px 10px
+}
+
+.log.error > .date {
+background:#c46178;
+color:#FCFCFC
+}
+
+.log.warning > .date {
+background:#FA8052;
+color:#FCFCFC
+}
+
+.log.notice > .date {
+background:#e3e3e3;
+color:#FCFCFC
+}
+
+.log.debug > .date {
+background:#181621;
+color:#FCFCFC
+}
+
+@media (max-width: 840px) {
+.dropdown-header,.dropdown-menu > .item {
+padding:12px
+}
+
+#new-article {
+width:100%;
+bottom:initial
+}
+
+.header {
+display:table
+}
+
+.header .item.title .logo {
+display:none
+}
+
+.header > .item.title h1 a {
+display:block;
+position:absolute;
+top:-35px;
+left:10px;
+font-size:.6em
+}
+
+.header .item.configure,button.read_all.btn {
+display:none
+}
+
+.flux .item.manage,.flux_header .item.website {
+width:35px;
+text-align:center
+}
+
+.aside {
+width:0;
+transition:width 200ms linear
+}
+
+.aside .toggle_aside {
+display:block;
+height:50px;
+line-height:50px;
+text-align:right;
+padding-right:10px;
+background:#22303d
+}
+
+.aside.aside_feed {
+padding:0
+}
+
+.aside:target {
+width:78%
+}
+
+.nav_menu {
+position:initial;
+height:71px
+}
+
+.nav_menu .btn {
+margin:5px 10px
+}
+
+.nav_menu .stick {
+margin:0 10px
+}
+
+.nav_menu .stick .btn {
+margin:5px 0
+}
+
+.nav_menu .search {
+position:absolute!important;
+top:35px;
+left:55px
+}
+
+.nav_menu .search input {
+width:85%
+}
+
+.pagination {
+margin:0 0 3.5em
+}
+
+#panel .close {
+display:block;
+height:50px;
+line-height:50px;
+text-align:right;
+padding-right:10px;
+background:#22303d
+}
+
+.day .name {
+font-size:1.1rem
+}
+
+.notification {
+width:100%
+}
+
+.notification a.close {
+display:block;
+left:0;
+background:transparent
+}
+
+.notification a.close:hover {
+opacity:.5
+}
+
+.notification a.close .icon {
+display:none
+}
+
+#nav_entries {
+width:100%!important
+}
+
+div#stream {
+margin-top:0
+}
+
+a.btn.toggle_aside {
+position:absolute;
+top:29px
+}
+
+form#mark-read-menu,a#actualize,a#toggle-order,div#nav_menu_actions,div#nav_menu_views {
+position:absolute
+}
+
+form#mark-read-menu {
+right:46px;
+top:30px;
+z-index:1100
+}
+
+a#actualize,a#toggle-order {
+right:0
+}
+
+a#actualize {
+top:29px
+}
+
+a#toggle-order,div#nav_menu_actions,div#nav_menu_views {
+top:65px
+}
+
+div#nav_menu_actions {
+left:0
+}
+
+div#nav_menu_views {
+right:50px
+}
+}
+
+@media (max-width: 410px) {
+.nav_menu .stick {
+margin:0
+}
+}
+
+@media (max-width: 374px) {
+#nav_menu_views {
+display:none
+}
+}
+
+button.as-link {
+color:#FCFCFC;
+outline:none
+}
+
+.dropdown-target:target ~ .btn.dropdown-toggle {
+background:#00488b
+}
+
+.tree-folder.active .tree-folder-title {
+background:#00488b;
+font-weight:700
+}
+
+.feed.item.empty {
+color:#FA8052
+}
+
+.feed.item.empty.active {
+background:#FA8052;
+color:#FCFCFC
+}
+
+.feed.item.empty.active > a {
+color:#FCFCFC
+}
+
+.feed.item.empty > a {
+color:#FA8052
+}
+
+.feed.item.error {
+color:#c46178
+}
+
+.feed.item.error.active {
+background:#c46178;
+color:#FCFCFC
+}
+
+.feed.item.error.active > a {
+color:#FCFCFC
+}
+
+.feed.item.error > a {
+color:#c46178
+}
+
+#dropdown-query ~ .dropdown-menu .dropdown-header .icon {
+vertical-align:middle;
+float:right
+}
+
+#stream.reader .flux {
+padding:0 0 50px;
+background:#FCFCFC;
+color:#22303d;
+border:none
+}
+
+#stream.reader .flux .author {
+margin:0 0 10px;
+font-size:90%;
+color:#969696
+}
+
+#nav_menu_actions ul.dropdown-menu,#nav_menu_read_all ul.dropdown-menu {
+left:0
+}
+
+#slider label {
+min-height:initial
+}
+
+#slider .form-group:hover {
+background:inital
+}
\ No newline at end of file
diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss
index 6c930b6ec..9bd0326d9 100644
--- a/p/themes/Swage/swage.scss
+++ b/p/themes/Swage/swage.scss
@@ -94,16 +94,14 @@ legend {
 
 label {
 	min-height: 25px;
-	cursor: pointer;
-	color: $color_light;
 }
 
 textarea {
 	width: 360px;
 	height: 100px;
 	@extend %input;
+	background: darken( $color_light, 10% );
 	&:focus {
-		color: darken ( $color_light, 40% );;
 		border-color: darken( $color_nav, 10%);
 	}
 }
@@ -112,7 +110,6 @@ input,
 select {
 	@extend %input;
 	&:focus {
-		color: darken ( $color_light, 40% );;
 		border-color: darken( $color_nav, 10%);
 	}
 	&:invalid {
@@ -123,6 +120,10 @@ select {
 	}
 }
 
+select {
+	background: darken( $color_light, 10% );
+}
+
 input {
 	&.extend {
 		transition: width 200ms linear;
@@ -244,6 +245,7 @@ form {
 		font-weight: bold;
 		background: $color_aside;
 		color: $color_light;
+		cursor: default;
 	}
 	.item {
 		@extend %nav-list;
@@ -262,7 +264,7 @@ form {
 				background: $color_alert;
 			}
 			&.error a {
-				background: lighten( $color_bad, 10%);;
+				background: lighten( $color_bad, 10%);
 			}
 		}
 		> a {
@@ -272,13 +274,13 @@ form {
 			color: $color_alert;
 		}
 		&.error a {
-			color: lighten( $color_bad, 10%);;
+			color: lighten( $color_bad, 10%);
 		}
 	}
 	.disable {
 		text-align: center;
 		background: $color_light;
-		color: darken ( $color_light, 40% );;
+		color: darken( $color_light, 40% );
 	}
 	.nav-form {
 		padding: 3px;
@@ -318,6 +320,9 @@ form {
 	text-align: left;
 	border: none;
 	background-color: darken( $color_nav, 10%);
+	.dropdown-header {
+		cursor: default;
+	}
 	> {
 		.item {
 			@extend %dropdown;
@@ -331,6 +336,7 @@ form {
 			}
 			> a {
 				min-width: initial;
+				white-space: nowrap;
 			} 
 			&:hover {
 				background: $color_nav;
@@ -365,6 +371,7 @@ form {
 .separator {
 	margin: 5px 0;
 	border-bottom: 1px solid darken( $color_light, 10%);
+	cursor: default;
 }
 
 .alert {
@@ -373,7 +380,7 @@ form {
 	font-size: 0.9em;
 	background: $color_light;
 	border: none;
-	color: darken ( $color_light, 40% );;
+	color: darken( $color_light, 40% );
 	text-shadow: 0 0 1px $color_light;
 	> a {
 		text-decoration: underline;
@@ -476,7 +483,7 @@ form {
 		border-top: 1px solid darken( $color_light, 10%);
 		border-bottom: 1px solid darken( $color_light, 10%);
 		background: $color_light;
-		color: darken ( $color_light, 40% );;
+		color: darken( $color_light, 40% );
 		p {
 			margin: 0;
 		}
@@ -492,7 +499,7 @@ form {
 		margin: 0;
 		padding: 5px 10px;
 		background: darken( $color_light, 10%);
-		color: darken ( $color_light, 40% );;
+		color: darken( $color_light, 40% );
 		border-bottom: 1px solid darken( $color_light, 10%);
 	}
 	.box-content {
@@ -669,6 +676,9 @@ form {
 .post {
 	padding: 10px 50px;
 	font-size: 0.9em;
+	input {
+		background: darken( $color_light, 10% );
+	}
 	form {
 		margin: 10px 0;
 	}
@@ -778,7 +788,7 @@ form {
 	}
 	.date {
 		font-size: 0.7rem;
-		color: darken ( $color_light, 40% );;
+		color: darken( $color_light, 40% );
 	}
 	.bottom {
 		font-size: 0.8rem;
@@ -787,6 +797,10 @@ form {
 	.website .favicon {
 		padding: 5px;
 	}
+	label {
+		color: $color_light;
+		cursor: pointer;
+	}
 }
 
 .flux_header {
@@ -805,7 +819,7 @@ form {
 	z-index: 10;
 	vertical-align: middle;
 	background: darken( $color_light, 10%);
-	color: darken ( $color_light, 40% );;
+	color: darken( $color_light, 40% );
 	border: none;
 	position: fixed;
 	bottom: 48px;
@@ -824,9 +838,9 @@ form {
 		}
 	}
 	&.bad {
-		background: lighten( $color_bad, 10%);;
+		background: lighten( $color_bad, 10%);
 		a.close:hover {
-			background: lighten( $color_bad, 10%);;
+			background: lighten( $color_bad, 10%);
 		}
 	}
 	&#actualizeProgress {
@@ -885,29 +899,29 @@ form {
 
 .loglist {
 	overflow: hidden;
-	border: 1px solid darken ( $color_light, 40% );;
+	border: 1px solid darken( $color_light, 40% );
 }
 
 .log {
-	margin: 10px 0;
 	padding: 5px 2%;
 	overflow: auto;
 	font-size: 0.8rem;
 	background: $color_light;
-	color: darken ( $color_light, 40% );;
 	> .date {
 		margin: 0 10px 0 0;
 		padding: 5px 10px;
 	}
 	&.error > .date {
-		background: lighten( $color_bad, 10%);;
+		background: lighten( $color_bad, 10%);
 		color: $color_light;
 	}
 	&.warning > .date {
 		background: $color_alert;
+		color: $color_light;
 	}
 	&.notice > .date {
 		background: darken( $color_light, 10%);
+		color: $color_light;
 	}
 	&.debug > .date {
 		background: $color_text;
@@ -1096,16 +1110,16 @@ button.as-link {
 		}
 	}
 	&.error {
-		color: lighten( $color_bad, 10%);;
+		color: lighten( $color_bad, 10%);
 		&.active {
-			background: lighten( $color_bad, 10%);;
+			background: lighten( $color_bad, 10%);
 			color: $color_light;
 			> a {
 				color: $color_light;
 			}
 		}
 		> a {
-			color: lighten( $color_bad, 10%);;
+			color: lighten( $color_bad, 10%);
 		}
 	}
 }
@@ -1123,7 +1137,7 @@ button.as-link {
 	.author {
 		margin: 0 0 10px;
 		font-size: 90%;
-		color: darken ( $color_light, 40% );;
+		color: darken( $color_light, 40% );
 	}
 }
 
@@ -1131,4 +1145,16 @@ button.as-link {
 	ul.dropdown-menu {
     	left: 0px;
 	}
+}
+
+#slider {
+	label {
+		min-height: initial;
+	}
+	.form-group {
+		&:hover {
+			background: inital;
+		}
+	}
+	
 }
\ No newline at end of file
diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css
index e6e9934a4..b211d0516 100644
--- a/p/themes/base-theme/template.css
+++ b/p/themes/base-theme/template.css
@@ -241,6 +241,7 @@ a.btn {
 .dropdown-menu > .item > span {
 	display: block;
 	min-width: 200px;
+	white-space: nowrap;
 }
 .dropdown-menu > .item[aria-checked="true"] > a::before {
 	content: '✓';