Archives/Athou_commafeed
1
0
Fork 1
mirror of https://github.com/Athou/commafeed.git synced 2026-03-21 21:37:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update _dark.scss

Browse Source 
cleaned style and reworked a bit
This commit is contained in:
ekovi
2014-03-10 13:07:23 +01:00
parent afb6221e5e
commit 4f8cd53b83
1 changed files with 74 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
src/main/webapp/sass/themes/_dark.scss
View File

@@ -1,11 +1,6 @@
#theme-dark { #theme-dark {
.btn { .btn {
transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-ms-transition: all 400ms linear;
-o-transition: all 400ms linear;
border: 0; border: 0;
outline: 0; outline: 0;
} }
@@ -19,23 +14,27 @@ body #toolbar {
[type='button'], [type='button'],
[ng-click='toSettings()'], [ng-click='toSettings()'],
button[type='submit']:not(.btn-primary) { button[type='submit']:not(.btn-primary) {
background: #bc6d75; background: #c7cbcc;
} }
button[data-toggle='dropdown'] { button[data-toggle='dropdown'] {
background: #e6c6c9; background: #d8dadb;
} }
button[ui-sref*='feed'] { button[ui-sref*='feed'] {
background: #DEE2E3; background: #c7cbcc;
} }
input[ng-model='keywords'] { input[ng-model='keywords'] {
background: #526b94; background: #526b94;
margin-top: 1px;
height: 32px; height: 32px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-ms-border-radius: 3px; -ms-border-radius: 3px;
-o-border-radius: 3px; -o-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
color: #d8dadb;
}
input[ng-model='keywords']:focus {
background: #d8dadb;
color: #000;
} }
.entry-heading-link { .entry-heading-link {
background: #c7cbcc; background: #c7cbcc;
@@ -63,60 +62,91 @@ div.entry-title a {
box-shadow: none !important; box-shadow: none !important;
} }
div.settings a { div.settings a {
color: #e6c6c9; color: #d8dadb;
}
.page-header {
border: none;
}
a[ng-click^='tab ='] {
color: #d8dadb;
}
a[ng-click^='tab =']:hover {
color: #000;
} }
div.about-module a { div.about-module a {
color: #e6c6c9; color: #d8dadb;
} }
/* opened feed bg color - changed to grey?*, added padding*/
div.entry-body.ng-scope { div.entry-body.ng-scope {
background: #D8DADB; background: #d8dadb;
padding-left: 15px; padding-left: 15px;
} }
div.entry-body.ng-scope a[href^='http'] {
color: #428bcf;
/* opened feed link - color changed to default blue */
div.entry-body.ng-scope a[href^="http"] {
color: #428BCF;
} }
#feed-accordion .entry-buttons {
/* opened feed icon panel - changed to grey?*/ background: #bc6d75;
#feed-accordion .entry-buttons {
/*background-color: transparent;*/
background-color: #BC6D75;
margin-left: -15px; margin-left: -15px;
border: none; border: none;
padding-left: -15px;
} }
#feed-accordion .entry-body .entry-subtitle {
/* future */ display: inline;
/*[ng-controller="CategoryTreeCtrl"]{ }
display: none; .main .spinner {
} */ margin-left: 25px;
}
/*____________________________________ div#uvTab {
last - transitions - btn -> top, img shadow, tool icon frame */ visibility: hidden;
}
pre {
background: transparent;
}
.ng-scope img { .ng-scope img {
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
-ms-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
-o-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
} }
/* left item tree*/
span[ng-class*='unread'] { span[ng-class*='unread'] {
transition: all 390ms linear;
-webkit-transition: all 390ms linear; -webkit-transition: all 390ms linear;
-moz-transition: all 390ms linear; -moz-transition: all 390ms linear;
-ms-transition: all 390ms linear; -ms-transition: all 390ms linear;
-o-transition: all 390ms linear; -o-transition: all 390ms linear;
transition: all 390ms linear;
}
.btn {
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-ms-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
}
input[ng-model='keywords'] {
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-ms-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
}
a[ng-click^='tab ='] {
-webkit-transition: all 390ms linear;
-moz-transition: all 390ms linear;
-ms-transition: all 390ms linear;
-o-transition: all 390ms linear;
transition: all 390ms linear;
} }
.page-header {
border: none; /*______________
original buttons
_______________*/
/*
[type='button'], [ng-click='toSettings()'], button[type='submit']:not(.btn-primary) {
background: #bc6d75;
} }
button[data-toggle='dropdown'], button[ui-sref*='feed'] {
background: #e6c6c9;
}
*/
} }