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

format scss files

Browse Source
This commit is contained in:
Athou
2022-01-02 16:03:09 +01:00
parent 4fb95799f8
commit 8818bd90e0
18 changed files with 1709 additions and 1691 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/main/app/sass/app.scss
View File

@@ -8,7 +8,6 @@
@import "components/help"; @import "components/help";
@import "components/loading-bar"; @import "components/loading-bar";
@import "components/readabilicons";
@import "components/zocial"; @import "components/zocial";
@import "mobile/mobile"; @import "mobile/mobile";

7
src/main/app/sass/components/_help.scss
View File

@@ -13,11 +13,10 @@
margin-bottom: 40px; margin-bottom: 40px;
} }
.donate-action { .donate-action {
margin-top:20px; margin-top: 20px;
} }
.donate-image { .donate-image {
padding-bottom:10px; padding-bottom: 10px;
padding-right:16px; padding-right: 16px;
} }

10
src/main/app/sass/components/_subscription-list.scss
View File

@@ -82,7 +82,9 @@
margin: 3px 0px 3px; margin: 3px 0px 3px;
} }
.css-treeview label,.css-treeview a,.css-treeview label::before { .css-treeview label,
.css-treeview a,
.css-treeview label::before {
font-family: inherit; font-family: inherit;
font-size: 12px; font-size: 12px;
white-space: nowrap; white-space: nowrap;
@@ -102,11 +104,11 @@
} }
.css-treeview .unread ~ .unread-counter::before { .css-treeview .unread ~ .unread-counter::before {
content: '('; content: "(";
} }
.css-treeview .unread ~ .unread-counter::after { .css-treeview .unread ~ .unread-counter::after {
content: ')'; content: ")";
} }
.css-treeview a { .css-treeview a {
@@ -122,7 +124,7 @@
} }
.css-treeview li .tree-item:hover { .css-treeview li .tree-item:hover {
background-color: #EBEBEB; background-color: #ebebeb;
text-decoration: none; text-decoration: none;
} }

2
src/main/app/sass/components/_toolbar.scss
View File

@@ -4,7 +4,7 @@
width: 100%; width: 100%;
z-index: 10; z-index: 10;
position: fixed; position: fixed;
background-color: #FFF; background-color: #fff;
} }
.toolbar .donate { .toolbar .donate {

16
src/main/app/sass/components/readabilicons.scss
View File

@@ -1,16 +0,0 @@
@font-face {
font-family: 'readabilicons';
src: url('../font/readabilicons-regular.eot'); /* IE9 Compat Modes */
src: url('../font/readabilicons-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/readabilicons-regular.woff') format('woff'), /* Modern Browsers */
url('../font/readabilicons-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../font/readabilicons-regular.svg#readabiliconsregular') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: 400;
}
.icon-couch::before {
content: "\e018";
font-family: "readabilicons";
-webkit-font-smoothing: antialiased;
}

19
src/main/app/sass/generic/_misc.scss
View File

@@ -66,7 +66,7 @@ label {
.horizontal-align { .horizontal-align {
padding-top: 5px; padding-top: 5px;
line-height: 20px line-height: 20px;
} }
.welcome .container-fluid { .welcome .container-fluid {
@@ -84,7 +84,7 @@ label {
} }
.welcome .tagline { .welcome .tagline {
color: #B3B3B3; color: #b3b3b3;
font-size: 28px; font-size: 28px;
padding-top: 110px; padding-top: 110px;
} }
@@ -96,7 +96,7 @@ label {
.welcome .demo { .welcome .demo {
font-size: 24px; font-size: 24px;
color: #B3B3B3; color: #b3b3b3;
display: block; display: block;
} }
@@ -129,20 +129,25 @@ blockquote p {
margin-bottom: 10px; margin-bottom: 10px;
} }
.btn, .btn-large, .btn-small, .btn-mini { .btn,
.btn-large,
.btn-small,
.btn-mini {
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-top-right-radius: 2px; border-top-right-radius: 2px;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
} }
.btn-group>.btn:first-child, .btn-group>.btn-large:first-child { .btn-group > .btn:first-child,
.btn-group > .btn-large:first-child {
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.btn-group>.btn:last-child, .btn-group>.btn-large:last-child, .btn-group>.dropdown-toggle .btn-group > .btn:last-child,
{ .btn-group > .btn-large:last-child,
.btn-group > .dropdown-toggle {
border-top-right-radius: 2px; border-top-right-radius: 2px;
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
} }

4
src/main/app/sass/generic/_scrollbar.scss
View File

@@ -8,8 +8,8 @@
} }
::-webkit-scrollbar-track:hover { ::-webkit-scrollbar-track:hover {
background-color: rgba(0, 0, 0, .05); background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1) box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1);
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {

9
src/main/app/sass/mobile/_mobile.scss
View File

@@ -1,4 +1,5 @@
html.mobile, html.tablet { html.mobile,
html.tablet {
body { body {
padding-left: 0px; padding-left: 0px;
padding-right: 0px; padding-right: 0px;
@@ -15,7 +16,8 @@ html.mobile, html.tablet {
.left-menu { .left-menu {
display: none !important; display: none !important;
} }
.left-menu .feed-link, .left-menu .category-link { .left-menu .feed-link,
.left-menu .category-link {
line-height: 30px; line-height: 30px;
font-size: 105%; font-size: 105%;
} }
@@ -51,7 +53,8 @@ html.mobile, html.tablet {
right: 40px; right: 40px;
margin-top: 22px; margin-top: 22px;
} }
#feed-accordion .entry-buttons .checkbox, #feed-accordion .entry-buttons .form-group { #feed-accordion .entry-buttons .checkbox,
#feed-accordion .entry-buttons .form-group {
display: inline-block; display: inline-block;
} }
#feed-accordion .tags-panel { #feed-accordion .tags-panel {

57
src/main/app/sass/themes/_MRACHINI.scss
View File

@@ -1,34 +1,53 @@
#theme-MRACHINI { #theme-MRACHINI {
/*transitional hightlighting*/ /*transitional hightlighting*/
.entry-title > a.ng-binding:link, .entry-body-content > div.ng-binding a:link{ .entry-title > a.ng-binding:link,
.entry-body-content > div.ng-binding a:link {
-moz-transition: background-color 1s ease-in 0s; -moz-transition: background-color 1s ease-in 0s;
-webkit-transition: background-color 1s ease-in 0s; -webkit-transition: background-color 1s ease-in 0s;
-o-transition: background-color 1s ease-in 0s; -o-transition: background-color 1s ease-in 0s;
} }
.entry-title > a.ng-binding:hover, .entry-body-content > div.ng-binding a:hover{ .entry-title > a.ng-binding:hover,
.entry-body-content > div.ng-binding a:hover {
background-color: lime; background-color: lime;
-moz-transition: background-color 1s ease-out 0s; -moz-transition: background-color 1s ease-out 0s;
-webkit-transition: background-color 1s ease-out 0s; -webkit-transition: background-color 1s ease-out 0s;
-o-transition: background-color 1s ease-out 0s; -o-transition: background-color 1s ease-out 0s;
} }
.entry-title > a.ng-binding:active, .entry-body-content > div.ng-binding a:active{ .entry-title > a.ng-binding:active,
.entry-body-content > div.ng-binding a:active {
background-color: lime; background-color: lime;
-moz-transition: none; -moz-transition: none;
-webkit-transition: none; -webkit-transition: none;
-o-transition: none; -o-transition: none;
} }
/*hovered item*/ /*hovered item*/
.entry-heading:hover{box-shadow: inset 0 0 40px 0px lime !important;} .entry-heading:hover {
/*hovered tree item*/ box-shadow: inset 0 0 40px 0px lime !important;
/*.css-treeview li .tree-item:hover{box-shadow: inset 0 0 20px 0px hsla(7,63%,52%,1) !important;}*/ }
.css-treeview li .tree-item:hover{box-shadow: inset 0 0 20px 0px lime !important;} /*hovered tree item*/
/*highlight current selected tree item*/ /*.css-treeview li .tree-item:hover{box-shadow: inset 0 0 20px 0px hsla(7,63%,52%,1) !important;}*/
.css-treeview li .tree-item .selected{box-shadow: inset 0 0 20px 0px lime !important;} .css-treeview li .tree-item:hover {
box-shadow: inset 0 0 20px 0px lime !important;
}
/*highlight current selected tree item*/
.css-treeview li .tree-item .selected {
box-shadow: inset 0 0 20px 0px lime !important;
}
.css-treeview .indent1{padding-left:10px} .css-treeview .indent1 {
.css-treeview .indent2{padding-left:20px} padding-left: 10px;
.css-treeview .indent3{padding-left:30px} }
.css-treeview .indent4{padding-left:40px} .css-treeview .indent2 {
.css-treeview .indent5{padding-left:50px} padding-left: 20px;
}
.css-treeview .indent3 {
padding-left: 30px;
}
.css-treeview .indent4 {
padding-left: 40px;
}
.css-treeview .indent5 {
padding-left: 50px;
}
} }

338
src/main/app/sass/themes/_bootstrap.scss
View File

@@ -1,40 +1,40 @@
#theme-bootstrap{ #theme-bootstrap {
/*! /*!
* Bootstrap v3.1.1 (http://getbootstrap.com) * Bootstrap v3.1.1 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc. * Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/ */
.btn-default, .btn-default,
.btn-primary, .btn-primary,
.btn-success, .btn-success,
.btn-info, .btn-info,
.btn-warning, .btn-warning,
.btn-danger { .btn-danger {
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
} }
.btn-default:active, .btn-default:active,
.btn-primary:active, .btn-primary:active,
.btn-success:active, .btn-success:active,
.btn-info:active, .btn-info:active,
.btn-warning:active, .btn-warning:active,
.btn-danger:active, .btn-danger:active,
.btn-default.active, .btn-default.active,
.btn-primary.active, .btn-primary.active,
.btn-success.active, .btn-success.active,
.btn-info.active, .btn-info.active,
.btn-warning.active, .btn-warning.active,
.btn-danger.active { .btn-danger.active {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
} }
.btn:active, .btn:active,
.btn.active { .btn.active {
background-image: none; background-image: none;
} }
.btn-default { .btn-default {
text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff;
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
@@ -43,306 +43,306 @@
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #dbdbdb; border-color: #dbdbdb;
border-color: #ccc; border-color: #ccc;
} }
.btn-default:hover, .btn-default:hover,
.btn-default:focus { .btn-default:focus {
background-color: #e0e0e0; background-color: #e0e0e0;
background-position: 0 -15px; background-position: 0 -15px;
} }
.btn-default:active, .btn-default:active,
.btn-default.active { .btn-default.active {
background-color: #e0e0e0; background-color: #e0e0e0;
border-color: #dbdbdb; border-color: #dbdbdb;
} }
.btn-primary { .btn-primary {
background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%); background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%); background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #2b669a; border-color: #2b669a;
} }
.btn-primary:hover, .btn-primary:hover,
.btn-primary:focus { .btn-primary:focus {
background-color: #2d6ca2; background-color: #2d6ca2;
background-position: 0 -15px; background-position: 0 -15px;
} }
.btn-primary:active, .btn-primary:active,
.btn-primary.active { .btn-primary.active {
background-color: #2d6ca2; background-color: #2d6ca2;
border-color: #2b669a; border-color: #2b669a;
} }
.btn-success { .btn-success {
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #3e8f3e; border-color: #3e8f3e;
} }
.btn-success:hover, .btn-success:hover,
.btn-success:focus { .btn-success:focus {
background-color: #419641; background-color: #419641;
background-position: 0 -15px; background-position: 0 -15px;
} }
.btn-success:active, .btn-success:active,
.btn-success.active { .btn-success.active {
background-color: #419641; background-color: #419641;
border-color: #3e8f3e; border-color: #3e8f3e;
} }
.btn-info { .btn-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #28a4c9; border-color: #28a4c9;
} }
.btn-info:hover, .btn-info:hover,
.btn-info:focus { .btn-info:focus {
background-color: #2aabd2; background-color: #2aabd2;
background-position: 0 -15px; background-position: 0 -15px;
} }
.btn-info:active, .btn-info:active,
.btn-info.active { .btn-info.active {
background-color: #2aabd2; background-color: #2aabd2;
border-color: #28a4c9; border-color: #28a4c9;
} }
.btn-warning { .btn-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #e38d13; border-color: #e38d13;
} }
.btn-warning:hover, .btn-warning:hover,
.btn-warning:focus { .btn-warning:focus {
background-color: #eb9316; background-color: #eb9316;
background-position: 0 -15px; background-position: 0 -15px;
} }
.btn-warning:active, .btn-warning:active,
.btn-warning.active { .btn-warning.active {
background-color: #eb9316; background-color: #eb9316;
border-color: #e38d13; border-color: #e38d13;
} }
.btn-danger { .btn-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #b92c28; border-color: #b92c28;
} }
.btn-danger:hover, .btn-danger:hover,
.btn-danger:focus { .btn-danger:focus {
background-color: #c12e2a; background-color: #c12e2a;
background-position: 0 -15px; background-position: 0 -15px;
} }
.btn-danger:active, .btn-danger:active,
.btn-danger.active { .btn-danger.active {
background-color: #c12e2a; background-color: #c12e2a;
border-color: #b92c28; border-color: #b92c28;
} }
.thumbnail, .thumbnail,
.img-thumbnail { .img-thumbnail {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
box-shadow: 0 1px 2px rgba(0, 0, 0, .075); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
} }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { .dropdown-menu > li > a:focus {
background-color: #e8e8e8; background-color: #e8e8e8;
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.dropdown-menu > .active > a, .dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus { .dropdown-menu > .active > a:focus {
background-color: #357ebd; background-color: #357ebd;
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.navbar-default { .navbar-default {
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%); background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%); background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; background-repeat: repeat-x;
border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
} }
.navbar-default .navbar-nav > .active > a { .navbar-default .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%); background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%); background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
} }
.navbar-brand, .navbar-brand,
.navbar-nav > li > a { .navbar-nav > li > a {
text-shadow: 0 1px 0 rgba(255, 255, 255, .25); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
} }
.navbar-inverse { .navbar-inverse {
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%); background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%); background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.navbar-inverse .navbar-nav > .active > a { .navbar-inverse .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%); background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
background-image: linear-gradient(to bottom, #222 0%, #282828 100%); background-image: linear-gradient(to bottom, #222 0%, #282828 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
} }
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a { .navbar-inverse .navbar-nav > li > a {
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
} }
.navbar-static-top, .navbar-static-top,
.navbar-fixed-top, .navbar-fixed-top,
.navbar-fixed-bottom { .navbar-fixed-bottom {
border-radius: 0; border-radius: 0;
} }
.alert { .alert {
text-shadow: 0 1px 0 rgba(255, 255, 255, .2); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
} }
.alert-success { .alert-success {
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #b2dba1; border-color: #b2dba1;
} }
.alert-info { .alert-info {
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #9acfea; border-color: #9acfea;
} }
.alert-warning { .alert-warning {
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #f5e79e; border-color: #f5e79e;
} }
.alert-danger { .alert-danger {
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #dca7a7; border-color: #dca7a7;
} }
.progress { .progress {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.progress-bar { .progress-bar {
background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%); background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.progress-bar-success { .progress-bar-success {
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%); background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.progress-bar-info { .progress-bar-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.progress-bar-warning { .progress-bar-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.progress-bar-danger { .progress-bar-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%); background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.list-group { .list-group {
border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
box-shadow: 0 1px 2px rgba(0, 0, 0, .075); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
} }
.list-group-item.active, .list-group-item.active,
.list-group-item.active:hover, .list-group-item.active:hover,
.list-group-item.active:focus { .list-group-item.active:focus {
text-shadow: 0 -1px 0 #3071a9; text-shadow: 0 -1px 0 #3071a9;
background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%); background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%); background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #3278b3; border-color: #3278b3;
} }
.panel { .panel {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, .05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
} }
.panel-default > .panel-heading { .panel-default > .panel-heading {
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.panel-primary > .panel-heading { .panel-primary > .panel-heading {
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.panel-success > .panel-heading { .panel-success > .panel-heading {
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%); background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.panel-info > .panel-heading { .panel-info > .panel-heading {
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.panel-warning > .panel-heading { .panel-warning > .panel-heading {
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%); background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.panel-danger > .panel-heading { .panel-danger > .panel-heading {
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%); background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%); background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.well { .well {
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #dcdcdc; border-color: #dcdcdc;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
} }
} }

292
src/main/app/sass/themes/_dark.scss
View File

@@ -1,48 +1,47 @@
#theme-dark { #theme-dark {
* {
* {
outline: 0; outline: 0;
text-decoration: none; text-decoration: none;
} }
.btn { .btn {
border: none; border: none;
} }
.btn-default, .btn-default,
.btn-primary, .btn-primary,
.btn-success, .btn-success,
.btn-info, .btn-info,
.btn-warning, .btn-warning,
.btn-danger { .btn-danger {
background: none; background: none;
text-shadow: none; text-shadow: none;
color: #424345; color: #424345;
} }
.btn-default:active, .btn-default:active,
.btn-primary:active, .btn-primary:active,
.btn-success:active, .btn-success:active,
.btn-info:active, .btn-info:active,
.btn-warning:active, .btn-warning:active,
.btn-danger:active, .btn-danger:active,
.btn-default.active, .btn-default.active,
.btn-primary.active, .btn-primary.active,
.btn-success.active, .btn-success.active,
.btn-info.active, .btn-info.active,
.btn-warning.active, .btn-warning.active,
.btn-danger.active { .btn-danger.active {
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15) 0 1px 1px rgba(0,0,0,0.075); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15) 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15) 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15) 0 1px 1px rgba(0, 0, 0, 0.075);
-ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15) 0 1px 1px rgba(0,0,0,0.075); -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15) 0 1px 1px rgba(0, 0, 0, 0.075);
-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15) 0 1px 1px rgba(0,0,0,0.075); -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15) 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.15) 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15) 0 1px 1px rgba(0, 0, 0, 0.075);
background: #e0e0e0; background: #e0e0e0;
} }
.btn-default { .btn-default {
background: #c7cbcc; background: #c7cbcc;
} }
.btn:hover { .btn:hover {
background: #e0e0e0; background: #e0e0e0;
} }
.dropdown-menu { .dropdown-menu {
background: #c7cbcc; background: #c7cbcc;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@@ -51,143 +50,143 @@
border-radius: 4px; border-radius: 4px;
border: none; border: none;
color: #424345; color: #424345;
} }
.dropdown-menu a { .dropdown-menu a {
color: inherit; color: inherit;
} }
.dropdown-menu .divider { .dropdown-menu .divider {
display: none; display: none;
} }
.btn-primary:hover { .btn-primary:hover {
color: #000; color: #000;
} }
.btn-primary:active { .btn-primary:active {
color: #000; color: #000;
} }
.btn-primary:active:hover { .btn-primary:active:hover {
color: #000; color: #000;
} }
.btn-default:hover { .btn-default:hover {
color: #000; color: #000;
} }
.btn-default:active { .btn-default:active {
color: #000; color: #000;
} }
.btn-default:active:hover { .btn-default:active:hover {
color: #000; color: #000;
} }
.btn { .btn {
-webkit-transition: all 400ms linear; -webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear; -moz-transition: all 400ms linear;
-ms-transition: all 400ms linear; -ms-transition: all 400ms linear;
-o-transition: all 400ms linear; -o-transition: all 400ms linear;
transition: all 400ms linear; transition: all 400ms linear;
} }
input[ng-model='keywords'] { input[ng-model="keywords"] {
-webkit-transition: all 400ms linear; -webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear; -moz-transition: all 400ms linear;
-ms-transition: all 400ms linear; -ms-transition: all 400ms linear;
-o-transition: all 400ms linear; -o-transition: all 400ms linear;
transition: all 400ms linear; transition: all 400ms linear;
} }
input[ng-model='keywords']:focus { input[ng-model="keywords"]:focus {
background: #c7cbcc; background: #c7cbcc;
} }
a[ng-click^='tab'] { a[ng-click^="tab"] {
-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; transition: all 390ms linear;
} }
a[ng-click^='tab']:hover { a[ng-click^="tab"]:hover {
color: #000; color: #000;
} }
.css-treeview li { .css-treeview li {
-webkit-transition: all 150ms linear; -webkit-transition: all 150ms linear;
-moz-transition: all 150ms linear; -moz-transition: all 150ms linear;
-ms-transition: all 150ms linear; -ms-transition: all 150ms linear;
-o-transition: all 150ms linear; -o-transition: all 150ms linear;
transition: all 150ms linear; transition: all 150ms linear;
} }
#uvTab { #uvTab {
-webkit-transition: all 260ms linear; -webkit-transition: all 260ms linear;
-moz-transition: all 260ms linear; -moz-transition: all 260ms linear;
-ms-transition: all 260ms linear; -ms-transition: all 260ms linear;
-o-transition: all 260ms linear; -o-transition: all 260ms linear;
transition: all 260ms linear; transition: all 260ms linear;
} }
body { body {
background: #788587; background: #788587;
color: #424345; color: #424345;
} }
body a { body a {
color: #e0e0e0; color: #e0e0e0;
} }
body h3 { body h3 {
color: #424345; color: #424345;
} }
.toolbar { .toolbar {
background: #788587; background: #788587;
} }
.page-header { .page-header {
border: none; border: none;
} }
.entrylist-header { .entrylist-header {
border: none; border: none;
} }
.entrylist-header h3, .entrylist-header h3,
.entrylist-header a { .entrylist-header a {
margin: 0; margin: 0;
} }
#feed-accordion .entry { #feed-accordion .entry {
border: none; border: none;
} }
#feed-accordion .unread .entry-heading { #feed-accordion .unread .entry-heading {
background: #c9c9c9; background: #c9c9c9;
} }
#feed-accordion .unread:nth-of-type(2n) .entry-heading { #feed-accordion .unread:nth-of-type(2n) .entry-heading {
background: #ddd; background: #ddd;
} }
#feed-accordion .unread .entry-heading:hover, #feed-accordion .unread .entry-heading:hover,
#feed-accordion .unread:nth-of-type(2n):hover { #feed-accordion .unread:nth-of-type(2n):hover {
background: #ebebeb; background: #ebebeb;
} }
#feed-accordion .entry-heading-link { #feed-accordion .entry-heading-link {
color: #383838; color: #383838;
} }
#feed-accordion .entry-heading-link:hover { #feed-accordion .entry-heading-link:hover {
color: #000; color: #000;
} }
#feed-accordion .entry-body { #feed-accordion .entry-body {
background: #c7cbcc; background: #c7cbcc;
padding: 15px 0 0 15px; padding: 15px 0 0 15px;
} }
#feed-accordion .entry-body a:not([popup]) { #feed-accordion .entry-body a:not([popup]) {
color: #2c4967; color: #2c4967;
} }
#feed-accordion .entry-body a:not([popup]):visited { #feed-accordion .entry-body a:not([popup]):visited {
color: #8d8e8e; color: #8d8e8e;
} }
#feed-accordion .entry-body .entry-title { #feed-accordion .entry-body .entry-title {
display: none; display: none;
} }
#feed-accordion .entry-body img { #feed-accordion .entry-body img {
-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
} }
#feed-accordion .highlight-search { #feed-accordion .highlight-search {
background: inherit; background: inherit;
} }
#feed-accordion .entry-buttons { #feed-accordion .entry-buttons {
background: #a68589; background: #a68589;
margin-left: -15px; margin-left: -15px;
border: none; border: none;
} }
#feed-accordion.expanded .entry { #feed-accordion.expanded .entry {
-webkit-box-shadow: none; -webkit-box-shadow: none;
-moz-box-shadow: none; -moz-box-shadow: none;
-ms-box-shadow: none; -ms-box-shadow: none;
@@ -195,58 +194,58 @@ body h3 {
box-shadow: none; box-shadow: none;
border: none; border: none;
margin-bottom: 30px; margin-bottom: 30px;
} }
#feed-accordion.expanded .entry .entry-heading-link { #feed-accordion.expanded .entry .entry-heading-link {
color: #a68589; color: #a68589;
} }
input[ng-model='keywords'] { input[ng-model="keywords"] {
border: none; border: none;
height: 32px; height: 32px;
background: #9ba8aa; background: #9ba8aa;
} }
.css-treeview .selected { .css-treeview .selected {
color: #905158 !important; color: #905158 !important;
} }
.css-treeview .unread-counter { .css-treeview .unread-counter {
color: #000; color: #000;
} }
.css-treeview li .tree-item:hover { .css-treeview li .tree-item:hover {
background: #ebebeb; background: #ebebeb;
} }
.css-treeview a { .css-treeview a {
color: #383838; color: #383838;
} }
.css-treeview a:hover { .css-treeview a:hover {
font-size: 1.02em; font-size: 1.02em;
} }
#uvTab { #uvTab {
margin-bottom: -23px; margin-bottom: -23px;
} }
#uvTab:hover { #uvTab:hover {
margin-bottom: 0; margin-bottom: 0;
} }
/*dangerous stuff*/ /*dangerous stuff*/
#feed-accordion.expanded .entry .entry-heading-link>.feed-name { #feed-accordion.expanded .entry .entry-heading-link > .feed-name {
float: right; float: right;
display: block; display: block;
position: relative; position: relative;
margin-right: 150px; margin-right: 150px;
} }
#feed-accordion.expanded .entry .entry-heading-link .entry-name { #feed-accordion.expanded .entry .entry-heading-link .entry-name {
margin-left: 40px; margin-left: 40px;
color: #a68589; color: #a68589;
} }
@media only screen and (max-width: 800px) { @media only screen and (max-width: 800px) {
#toolbar { #toolbar {
display: none; display: none;
} }
.sidebar-nav-fixed>.btn-group { .sidebar-nav-fixed > .btn-group {
display: none; display: none;
} }
.entryList { .entryList {
padding-top: 10px; padding-top: 10px;
} }
#feed-accordion.expanded .entry .entry-heading-link>.feed-name { #feed-accordion.expanded .entry .entry-heading-link > .feed-name {
float: left; float: left;
width: 50px; width: 50px;
font-size: 0; font-size: 0;
@@ -255,15 +254,15 @@ input[ng-model='keywords'] {
margin-right: 0; margin-right: 0;
margin-right: initial; margin-right: initial;
} }
#feed-accordion.expanded .entry .entry-heading-link>.feed-name .star { #feed-accordion.expanded .entry .entry-heading-link > .feed-name .star {
font-size: 14px; font-size: 14px;
font-size: initial; font-size: initial;
} }
#feed-accordion.expanded .entry .entry-heading-link>.feed-name img { #feed-accordion.expanded .entry .entry-heading-link > .feed-name img {
margin-top: -14px; margin-top: -14px;
} }
#feed-accordion.expanded .entry .entry-heading-link>.feed-name:after { #feed-accordion.expanded .entry .entry-heading-link > .feed-name:after {
content: ''; content: "";
display: block; display: block;
clear: left; clear: left;
} }
@@ -271,6 +270,5 @@ input[ng-model='keywords'] {
margin-left: 55px; margin-left: 55px;
color: #a68589; color: #a68589;
} }
} }
} }

10
src/main/app/sass/themes/_ebraminio.scss
View File

@@ -1,9 +1,12 @@
#theme-ebraminio { #theme-ebraminio {
/* My font setting, a bit specific for Persian but is okay in other languages */ /* My font setting, a bit specific for Persian but is okay in other languages */
body { body {
font-family: Tahoma, 'Iranian sans', 'DejaVu Sans', sans-serif; font-family: Tahoma, "Iranian sans", "DejaVu Sans", sans-serif;
} }
input, button, select, textarea { input,
button,
select,
textarea {
font-family: inherit; /* what said above */ font-family: inherit; /* what said above */
} }
/* Change source-codes in feeds background to white */ /* Change source-codes in feeds background to white */
@@ -11,7 +14,8 @@
background-color: transparent; background-color: transparent;
} }
/* 100% forever */ /* 100% forever */
.expanded .entry-header, #feed-accordion .entry-body-content { .expanded .entry-header,
#feed-accordion .entry-body-content {
max-width: 100%; max-width: 100%;
} }
} }

60
src/main/app/sass/themes/_nightsky.scss
View File

@@ -1,26 +1,33 @@
#theme-nightsky { #theme-nightsky {
a { a {
color: #2A9FD6; color: #2a9fd6;
} }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { .nav-pills > li.active > a,
color: #FFF; .nav-pills > li.active > a:hover,
background-color: #2A9FD6; .nav-pills > li.active > a:focus {
color: #fff;
background-color: #2a9fd6;
} }
body, .toolbar { body,
color: #C6C6C6; .toolbar {
background-color: #2F2F2F; color: #c6c6c6;
background-color: #2f2f2f;
} }
.btn-default { .btn-default {
color: #C6C6C6; color: #c6c6c6;
background-color: #424242; background-color: #424242;
border-color: #424242; border-color: #424242;
} }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default:hover,
.btn-default.active, .open>.dropdown-toggle.btn-default { .btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background-color: #282828; background-color: #282828;
border-color: #232323; border-color: #232323;
} }
@@ -33,16 +40,18 @@
color: #939393; color: #939393;
} }
.css-treeview .category-link, .css-treeview a { .css-treeview .category-link,
.css-treeview a {
color: #939393; color: #939393;
} }
.css-treeview a .unread, .css-treeview .category-link .unread { .css-treeview a .unread,
color: #C6C6C6; .css-treeview .category-link .unread {
color: #c6c6c6;
} }
.css-treeview .selected { .css-treeview .selected {
color: #C00; color: #c00;
} }
.entrylist-header { .entrylist-header {
@@ -63,7 +72,7 @@
#feed-accordion .unread .entry-heading .entry-name { #feed-accordion .unread .entry-heading .entry-name {
font-weight: normal; font-weight: normal;
color: #C6C6C6; color: #c6c6c6;
} }
#feed-accordion .unread .entry-heading { #feed-accordion .unread .entry-heading {
@@ -71,11 +80,11 @@
} }
#feed-accordion .entry-heading { #feed-accordion .entry-heading {
background-color: #2F2F2F; background-color: #2f2f2f;
} }
#feed-accordion .unread .entry-heading:hover { #feed-accordion .unread .entry-heading:hover {
background-color: #2F2F2F; background-color: #2f2f2f;
} }
#feed-accordion .current.closed .entry-heading { #feed-accordion .current.closed .entry-heading {
@@ -83,15 +92,15 @@
} }
#feed-accordion .entry-heading-link { #feed-accordion .entry-heading-link {
color: #C6C6C6; color: #c6c6c6;
} }
#feed-accordion .entry-external-link { #feed-accordion .entry-external-link {
color: #C6C6C6; color: #c6c6c6;
} }
#feed-accordion .icon-star-empty { #feed-accordion .icon-star-empty {
color: #C6C6C6; color: #c6c6c6;
} }
#feed-accordion .entry-heading .feed-name { #feed-accordion .entry-heading .feed-name {
@@ -99,7 +108,7 @@
} }
#feed-accordion .entry-body-content { #feed-accordion .entry-body-content {
color: #C6C6C6; color: #c6c6c6;
} }
#feed-accordion .entry-buttons { #feed-accordion .entry-buttons {
@@ -108,19 +117,18 @@
} }
#feed-accordion .share-buttons a { #feed-accordion .share-buttons a {
color: #C6C6C6; color: #c6c6c6;
} }
#feed-accordion a.mark-up-to { #feed-accordion a.mark-up-to {
color: #C6C6C6; color: #c6c6c6;
} }
#loading-bar .bar { #loading-bar .bar {
background: #C6C6C6; background: #c6c6c6;
} }
#loading-bar .peg { #loading-bar .peg {
box-shadow: 0 0 10px #C6C6C6, 0 0 5px #C6C6C6; box-shadow: 0 0 10px #c6c6c6, 0 0 5px #c6c6c6;
} }
} }

407
src/main/app/sass/themes/_svetla.scss
View File

@@ -1,55 +1,54 @@
#theme-svetla { #theme-svetla {
* {
* {
outline: 0; outline: 0;
text-decoration: none; text-decoration: none;
} }
:focus { :focus {
outline: none !important; outline: none !important;
} }
::-moz-focus-inner { ::-moz-focus-inner {
border: 0 !important; border: 0 !important;
} }
.btn { .btn {
border: none; border: none;
} }
.btn-default, .btn-default,
.btn-primary, .btn-primary,
.btn-success, .btn-success,
.btn-info, .btn-info,
.btn-warning, .btn-warning,
.btn-danger { .btn-danger {
background: none; background: none;
text-shadow: none; text-shadow: none;
color: #788587; color: #788587;
} }
.btn-default:active, .btn-default:active,
.btn-primary:active, .btn-primary:active,
.btn-success:active, .btn-success:active,
.btn-info:active, .btn-info:active,
.btn-warning:active, .btn-warning:active,
.btn-danger:active, .btn-danger:active,
.btn-default.active, .btn-default.active,
.btn-primary.active, .btn-primary.active,
.btn-success.active, .btn-success.active,
.btn-info.active, .btn-info.active,
.btn-warning.active, .btn-warning.active,
.btn-danger.active { .btn-danger.active {
-webkit-box-shadow: 0 -5px 5px 0 rgba(238,232,213,0.2) inset , 0 5px 5px 0 rgba(238,232,213,0.2) inset; -webkit-box-shadow: 0 -5px 5px 0 rgba(238, 232, 213, 0.2) inset, 0 5px 5px 0 rgba(238, 232, 213, 0.2) inset;
-moz-box-shadow: 0 -5px 5px 0 rgba(238,232,213,0.2) inset , 0 5px 5px 0 rgba(238,232,213,0.2) inset; -moz-box-shadow: 0 -5px 5px 0 rgba(238, 232, 213, 0.2) inset, 0 5px 5px 0 rgba(238, 232, 213, 0.2) inset;
-ms-box-shadow: 0 -5px 5px 0 rgba(238,232,213,0.2) inset , 0 5px 5px 0 rgba(238,232,213,0.2) inset; -ms-box-shadow: 0 -5px 5px 0 rgba(238, 232, 213, 0.2) inset, 0 5px 5px 0 rgba(238, 232, 213, 0.2) inset;
-o-box-shadow: 0 -5px 5px 0 rgba(238,232,213,0.2) inset , 0 5px 5px 0 rgba(238,232,213,0.2) inset; -o-box-shadow: 0 -5px 5px 0 rgba(238, 232, 213, 0.2) inset, 0 5px 5px 0 rgba(238, 232, 213, 0.2) inset;
box-shadow: 0 -5px 5px 0 rgba(238,232,213,0.2) inset , 0 5px 5px 0 rgba(238,232,213,0.2) inset; box-shadow: 0 -5px 5px 0 rgba(238, 232, 213, 0.2) inset, 0 5px 5px 0 rgba(238, 232, 213, 0.2) inset;
background: rgba(238,232,213,0.3); background: rgba(238, 232, 213, 0.3);
color: #788587; color: #788587;
} }
.btn-default { .btn-default {
background: #eee8d5; background: #eee8d5;
} }
.btn:hover { .btn:hover {
background: #c4bea6; background: #c4bea6;
} }
.dropdown-menu { .dropdown-menu {
background: #c7cbcc; background: #c7cbcc;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@@ -63,168 +62,168 @@
-ms-box-shadow: none; -ms-box-shadow: none;
-o-box-shadow: none; -o-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
.dropdown-menu a { .dropdown-menu a {
color: inherit; color: inherit;
} }
.dropdown-menu .divider { .dropdown-menu .divider {
display: none; display: none;
} }
.btn-primary:hover { .btn-primary:hover {
color: #000; color: #000;
} }
.btn-primary:active { .btn-primary:active {
color: #000; color: #000;
} }
.btn-primary:active:hover { .btn-primary:active:hover {
color: #000; color: #000;
} }
.btn-default:hover { .btn-default:hover {
color: #000; color: #000;
} }
.btn-default:active { .btn-default:active {
color: #000; color: #000;
} }
.btn-default:active:hover { .btn-default:active:hover {
color: #000; color: #000;
} }
.btn { .btn {
-webkit-transition: all 400ms linear; -webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear; -moz-transition: all 400ms linear;
-ms-transition: all 400ms linear; -ms-transition: all 400ms linear;
-o-transition: all 400ms linear; -o-transition: all 400ms linear;
transition: all 400ms linear; transition: all 400ms linear;
} }
input[ng-model='keywords'] { input[ng-model="keywords"] {
-webkit-transition: all 400ms linear; -webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear; -moz-transition: all 400ms linear;
-ms-transition: all 400ms linear; -ms-transition: all 400ms linear;
-o-transition: all 400ms linear; -o-transition: all 400ms linear;
transition: all 400ms linear; transition: all 400ms linear;
} }
input[ng-model='keywords']:focus { input[ng-model="keywords"]:focus {
background: #c7cbcc; background: #c7cbcc;
} }
a[ng-click^='tab'] { a[ng-click^="tab"] {
-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; transition: all 390ms linear;
} }
a[ng-click^='tab']:hover { a[ng-click^="tab"]:hover {
color: #000; color: #000;
} }
.css-treeview li { .css-treeview li {
-webkit-transition: all 150ms linear; -webkit-transition: all 150ms linear;
-moz-transition: all 150ms linear; -moz-transition: all 150ms linear;
-ms-transition: all 150ms linear; -ms-transition: all 150ms linear;
-o-transition: all 150ms linear; -o-transition: all 150ms linear;
transition: all 150ms linear; transition: all 150ms linear;
} }
#uvTab { #uvTab {
-webkit-transition: all 260ms linear; -webkit-transition: all 260ms linear;
-moz-transition: all 260ms linear; -moz-transition: all 260ms linear;
-ms-transition: all 260ms linear; -ms-transition: all 260ms linear;
-o-transition: all 260ms linear; -o-transition: all 260ms linear;
transition: all 260ms linear; transition: all 260ms linear;
} }
body { body {
background: #fdf6e3; background: #fdf6e3;
color: #424345; color: #424345;
} }
body a { body a {
color: #788587; color: #788587;
} }
.toolbar { .toolbar {
background: #fdf6e3; background: #fdf6e3;
} }
.page-header { .page-header {
border: none; border: none;
} }
.entrylist-header { .entrylist-header {
border: none; border: none;
} }
.entrylist-header h3, .entrylist-header h3,
.entrylist-header a { .entrylist-header a {
margin: 0; margin: 0;
} }
#feed-accordion .entry-heading { #feed-accordion .entry-heading {
background: #edeae6; background: #edeae6;
background: -webkit-moz-linear-gradient(rgba(238,232,213,0.7), #fdf6e3); background: -webkit-moz-linear-gradient(rgba(238, 232, 213, 0.7), #fdf6e3);
background: -moz-linear-gradient(rgba(238,232,213,0.7), #fdf6e3); background: -moz-linear-gradient(rgba(238, 232, 213, 0.7), #fdf6e3);
background: -ms-moz-linear-gradient(rgba(238,232,213,0.7), #fdf6e3); background: -ms-moz-linear-gradient(rgba(238, 232, 213, 0.7), #fdf6e3);
background: linear-gradient(rgba(238,232,213,0.7), #fdf6e3); background: linear-gradient(rgba(238, 232, 213, 0.7), #fdf6e3);
} }
#feed-accordion .entry-heading-link { #feed-accordion .entry-heading-link {
color: #786b47 !important; color: #786b47 !important;
font-style: italic !important; font-style: italic !important;
} }
#feed-accordion .entry { #feed-accordion .entry {
border: none; border: none;
} }
#feed-accordion .unread .entry-heading { #feed-accordion .unread .entry-heading {
background: #fdf6e3; background: #fdf6e3;
} }
#feed-accordion .unread .entry-heading .entry-heading-link { #feed-accordion .unread .entry-heading .entry-heading-link {
color: #404141 !important; color: #404141 !important;
font-style: normal !important; font-style: normal !important;
} }
#feed-accordion .unread:nth-of-type(2n) .entry-heading { #feed-accordion .unread:nth-of-type(2n) .entry-heading {
background: rgba(238,232,213,0.7); background: rgba(238, 232, 213, 0.7);
} }
#feed-accordion .entry-body { #feed-accordion .entry-body {
background: #eee8d5; background: #eee8d5;
padding: 2px 0 0 15px; padding: 2px 0 0 15px;
} }
#feed-accordion .entry-body a.nolink.pointer { #feed-accordion .entry-body a.nolink.pointer {
color: #424345; color: #424345;
} }
#feed-accordion .entry-body a:not([popup]) { #feed-accordion .entry-body a:not([popup]) {
color: #6c6759; color: #6c6759;
} }
#feed-accordion .entry-body a:not([popup]):visited { #feed-accordion .entry-body a:not([popup]):visited {
color: #8d8e8e; color: #8d8e8e;
} }
#feed-accordion .entry-body .entry-title { #feed-accordion .entry-body .entry-title {
font-size: 1em; font-size: 1em;
} }
#feed-accordion .entry-body .entry-title .entry-subtitle { #feed-accordion .entry-body .entry-title .entry-subtitle {
display: inline; display: inline;
} }
#feed-accordion .entry-body .entry-title .entry-subtitle [class^='entry-author'] { #feed-accordion .entry-body .entry-title .entry-subtitle [class^="entry-author"] {
font-style: italic; font-style: italic;
} }
#feed-accordion .entry-body .entry-title .entry-subtitle .entry-source { #feed-accordion .entry-body .entry-title .entry-subtitle .entry-source {
display: none; display: none;
} }
#feed-accordion .entry-body .entry-title a { #feed-accordion .entry-body .entry-title a {
color: #a7a083; color: #a7a083;
} }
#feed-accordion .entry-body img { #feed-accordion .entry-body img {
-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1); -ms-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1); -o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px 0 rgba(0,0,0,0.1); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
} }
#feed-accordion .highlight-search { #feed-accordion .highlight-search {
background: inherit; background: inherit;
} }
#feed-accordion .entry-buttons { #feed-accordion .entry-buttons {
background: #a68589; background: #a68589;
margin-left: -15px; margin-left: -15px;
border: none; border: none;
} }
#feed-accordion.expanded .entry { #feed-accordion.expanded .entry {
-webkit-box-shadow: none; -webkit-box-shadow: none;
-moz-box-shadow: none; -moz-box-shadow: none;
-ms-box-shadow: none; -ms-box-shadow: none;
-o-box-shadow: none; -o-box-shadow: none;
box-shadow: none; box-shadow: none;
border: none; border: none;
} }
input[ng-model='keywords'] { input[ng-model="keywords"] {
border: none; border: none;
height: 32px; height: 32px;
-webkit-box-shadow: 0 0 2px 1px #eee8d5 inset; -webkit-box-shadow: 0 0 2px 1px #eee8d5 inset;
@@ -232,80 +231,80 @@ input[ng-model='keywords'] {
-ms-box-shadow: 0 0 2px 1px #eee8d5 inset; -ms-box-shadow: 0 0 2px 1px #eee8d5 inset;
-o-box-shadow: 0 0 2px 1px #eee8d5 inset; -o-box-shadow: 0 0 2px 1px #eee8d5 inset;
box-shadow: 0 0 2px 1px #eee8d5 inset; box-shadow: 0 0 2px 1px #eee8d5 inset;
} }
input[ng-model='keywords']:focus { input[ng-model="keywords"]:focus {
background: #fff; background: #fff;
} }
.css-treeview .selected { .css-treeview .selected {
color: #a68589 !important; color: #a68589 !important;
} }
.css-treeview .unread-counter { .css-treeview .unread-counter {
color: #93a1a1; color: #93a1a1;
} }
.css-treeview li .tree-item:hover { .css-treeview li .tree-item:hover {
background: #ebebeb; background: #ebebeb;
} }
.css-treeview a { .css-treeview a {
color: #93a1a1; color: #93a1a1;
} }
.css-treeview a:hover { .css-treeview a:hover {
font-size: 1.02em; font-size: 1.02em;
} }
#uvTab { #uvTab {
margin-bottom: -23px; margin-bottom: -23px;
} }
#uvTab:hover { #uvTab:hover {
margin-bottom: 0; margin-bottom: 0;
} }
/* stuff */ /* stuff */
#feed-accordion .entry-external-link { #feed-accordion .entry-external-link {
position: absolute; position: absolute;
right: auto; right: auto;
margin-left: 15px; margin-left: 15px;
color: #c4bea6; color: #c4bea6;
} }
#feed-accordion .entry .entry-heading-link>.feed-name { #feed-accordion .entry .entry-heading-link > .feed-name {
font-size: 0; font-size: 0;
width: 50px; width: 50px;
margin-left: 35px; margin-left: 35px;
} }
#feed-accordion .entry .entry-heading-link>.feed-name .star { #feed-accordion .entry .entry-heading-link > .feed-name .star {
font-size: 1em; font-size: 1em;
} }
#feed-accordion .entry .entry-heading-link .entry-name { #feed-accordion .entry .entry-heading-link .entry-name {
margin-left: 100px; margin-left: 100px;
} }
#feed-accordion.expanded .entry .entry-heading-link>.feed-name { #feed-accordion.expanded .entry .entry-heading-link > .feed-name {
font-size: 1em; font-size: 1em;
width: auto; width: auto;
float: right; float: right;
display: block; display: block;
position: relative; position: relative;
margin-right: 150px; margin-right: 150px;
} }
#feed-accordion.expanded .entry .entry-heading-link>.feed-name img { #feed-accordion.expanded .entry .entry-heading-link > .feed-name img {
margin-top: 0; margin-top: 0;
} }
#feed-accordion.expanded .entry .entry-heading-link .entry-name { #feed-accordion.expanded .entry .entry-heading-link .entry-name {
margin-left: 40px; margin-left: 40px;
} }
#feed-accordion.expanded .entry .entry-body .entry-body-content { #feed-accordion.expanded .entry .entry-body .entry-body-content {
padding-left: 0; padding-left: 0;
} }
#feed-accordion.expanded .entry .entry-body .entry-title { #feed-accordion.expanded .entry .entry-body .entry-title {
display: none; display: none;
} }
@media only screen and (max-width: 800px) { @media only screen and (max-width: 800px) {
#toolbar { #toolbar {
display: none; display: none;
} }
.sidebar-nav-fixed>.btn-group { .sidebar-nav-fixed > .btn-group {
display: none; display: none;
} }
.entryList { .entryList {
padding-top: 10px; padding-top: 10px;
} }
#feed-accordion.expanded .entry .entry-heading-link>.feed-name { #feed-accordion.expanded .entry .entry-heading-link > .feed-name {
float: left; float: left;
width: 50px; width: 50px;
font-size: 0; font-size: 0;
@@ -314,65 +313,65 @@ input[ng-model='keywords']:focus {
margin-right: 0; margin-right: 0;
margin-right: initial; margin-right: initial;
} }
#feed-accordion.expanded .entry .entry-heading-link>.feed-name .star { #feed-accordion.expanded .entry .entry-heading-link > .feed-name .star {
font-size: 14px; font-size: 14px;
} }
#feed-accordion.expanded .entry .entry-heading-link>.feed-name img { #feed-accordion.expanded .entry .entry-heading-link > .feed-name img {
margin-top: -10px; margin-top: -10px;
} }
#feed-accordion.expanded .entry .entry-heading-link>.feed-name:after { #feed-accordion.expanded .entry .entry-heading-link > .feed-name:after {
content: ''; content: "";
display: block; display: block;
clear: left; clear: left;
} }
#feed-accordion.expanded .entry .entry-heading-link .entry-name { #feed-accordion.expanded .entry .entry-heading-link .entry-name {
margin-left: 55px; margin-left: 55px;
} }
} }
#feed-accordion:not(.expanded) .current .entry-heading { #feed-accordion:not(.expanded) .current .entry-heading {
background: #eee8d5; background: #eee8d5;
} }
#feed-accordion:not(.expanded) .current .entry-heading .entry-heading-link { #feed-accordion:not(.expanded) .current .entry-heading .entry-heading-link {
color: #a7a083 !important; color: #a7a083 !important;
font-style: normal !important; font-style: normal !important;
} }
#feed-accordion:not(.expanded) .current .entry-heading .entry-heading-link .feed-name { #feed-accordion:not(.expanded) .current .entry-heading .entry-heading-link .feed-name {
width: auto !important; width: auto !important;
font-size: 1em !important; font-size: 1em !important;
font-style: normal; font-style: normal;
color: #a7a083; color: #a7a083;
} }
#feed-accordion:not(.expanded) .current .entry-heading .entry-heading-link .feed-name img { #feed-accordion:not(.expanded) .current .entry-heading .entry-heading-link .feed-name img {
margin-top: 0; margin-top: 0;
} }
#feed-accordion:not(.expanded) .current .entry-heading .entry-heading-link .entry-name { #feed-accordion:not(.expanded) .current .entry-heading .entry-heading-link .entry-name {
display: none; display: none;
} }
#feed-accordion.expanded .current .entry-heading { #feed-accordion.expanded .current .entry-heading {
background: #eee8d5; background: #eee8d5;
} }
#feed-accordion.expanded .current .entry-heading .entry-heading-link { #feed-accordion.expanded .current .entry-heading .entry-heading-link {
color: #a7a083 !important; color: #a7a083 !important;
font-style: normal !important; font-style: normal !important;
} }
#feed-accordion.expanded .current .entry-heading .entry-heading-link .feed-name { #feed-accordion.expanded .current .entry-heading .entry-heading-link .feed-name {
font-style: inherit; font-style: inherit;
color: inherit; color: inherit;
} }
#feed-accordion.expanded .current .entry-heading .entry-heading-link .entry-name { #feed-accordion.expanded .current .entry-heading .entry-heading-link .entry-name {
color: inherit !important; color: inherit !important;
} }
.nav-pills li.active a { .nav-pills li.active a {
color: #424345 !important; color: #424345 !important;
} }
blockquote { blockquote {
border-left: solid 5px #c4bea6 !important; border-left: solid 5px #c4bea6 !important;
} }
a[href^='http://da.feedsportal.com'] { a[href^='http://da.feedsportal.com']
{
display: none; display: none;
} }
br { br {
display: none; display: none;
} }
} }

290
src/main/app/sass/themes/_third.scss
View File

@@ -1,48 +1,47 @@
#theme-third { #theme-third {
* {
* {
outline: 0; outline: 0;
text-decoration: none; text-decoration: none;
} }
.btn { .btn {
border: none; border: none;
} }
.btn-default, .btn-default,
.btn-primary, .btn-primary,
.btn-success, .btn-success,
.btn-info, .btn-info,
.btn-warning, .btn-warning,
.btn-danger { .btn-danger {
background: none; background: none;
text-shadow: none; text-shadow: none;
color: #424345; color: #424345;
} }
.btn-default:active, .btn-default:active,
.btn-primary:active, .btn-primary:active,
.btn-success:active, .btn-success:active,
.btn-info:active, .btn-info:active,
.btn-warning:active, .btn-warning:active,
.btn-danger:active, .btn-danger:active,
.btn-default.active, .btn-default.active,
.btn-primary.active, .btn-primary.active,
.btn-success.active, .btn-success.active,
.btn-info.active, .btn-info.active,
.btn-warning.active, .btn-warning.active,
.btn-danger.active { .btn-danger.active {
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15) 0 1px 1px rgba(0,0,0,0.075); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15) 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15) 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15) 0 1px 1px rgba(0, 0, 0, 0.075);
-ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15) 0 1px 1px rgba(0,0,0,0.075); -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15) 0 1px 1px rgba(0, 0, 0, 0.075);
-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15) 0 1px 1px rgba(0,0,0,0.075); -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15) 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.15) 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15) 0 1px 1px rgba(0, 0, 0, 0.075);
background: #e0e0e0; background: #e0e0e0;
} }
.btn-default { .btn-default {
background: #6e797c; background: #6e797c;
} }
.btn:hover { .btn:hover {
background: #e0e0e0; background: #e0e0e0;
} }
.dropdown-menu { .dropdown-menu {
background: #c7cbcc; background: #c7cbcc;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@@ -51,162 +50,162 @@
border-radius: 4px; border-radius: 4px;
border: none; border: none;
color: #424345; color: #424345;
} }
.dropdown-menu a { .dropdown-menu a {
color: inherit; color: inherit;
} }
.dropdown-menu .divider { .dropdown-menu .divider {
display: none; display: none;
} }
.btn-primary:hover { .btn-primary:hover {
color: #000; color: #000;
} }
.btn-primary:active { .btn-primary:active {
color: #000; color: #000;
} }
.btn-primary:active:hover { .btn-primary:active:hover {
color: #000; color: #000;
} }
.btn-default:hover { .btn-default:hover {
color: #000; color: #000;
} }
.btn-default:active { .btn-default:active {
color: #000; color: #000;
} }
.btn-default:active:hover { .btn-default:active:hover {
color: #000; color: #000;
} }
.btn { .btn {
-webkit-transition: all 400ms linear; -webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear; -moz-transition: all 400ms linear;
-ms-transition: all 400ms linear; -ms-transition: all 400ms linear;
-o-transition: all 400ms linear; -o-transition: all 400ms linear;
transition: all 400ms linear; transition: all 400ms linear;
} }
input[ng-model='keywords'] { input[ng-model="keywords"] {
-webkit-transition: all 400ms linear; -webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear; -moz-transition: all 400ms linear;
-ms-transition: all 400ms linear; -ms-transition: all 400ms linear;
-o-transition: all 400ms linear; -o-transition: all 400ms linear;
transition: all 400ms linear; transition: all 400ms linear;
} }
input[ng-model='keywords']:focus { input[ng-model="keywords"]:focus {
background: #c7cbcc; background: #c7cbcc;
} }
a[ng-click^='tab'] { a[ng-click^="tab"] {
-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; transition: all 390ms linear;
} }
a[ng-click^='tab']:hover { a[ng-click^="tab"]:hover {
color: #000; color: #000;
} }
.css-treeview li { .css-treeview li {
-webkit-transition: all 150ms linear; -webkit-transition: all 150ms linear;
-moz-transition: all 150ms linear; -moz-transition: all 150ms linear;
-ms-transition: all 150ms linear; -ms-transition: all 150ms linear;
-o-transition: all 150ms linear; -o-transition: all 150ms linear;
transition: all 150ms linear; transition: all 150ms linear;
} }
#uvTab { #uvTab {
-webkit-transition: all 260ms linear; -webkit-transition: all 260ms linear;
-moz-transition: all 260ms linear; -moz-transition: all 260ms linear;
-ms-transition: all 260ms linear; -ms-transition: all 260ms linear;
-o-transition: all 260ms linear; -o-transition: all 260ms linear;
transition: all 260ms linear; transition: all 260ms linear;
} }
#toolbar { #toolbar {
-webkit-transition: all 280ms linear; -webkit-transition: all 280ms linear;
-moz-transition: all 280ms linear; -moz-transition: all 280ms linear;
-ms-transition: all 280ms linear; -ms-transition: all 280ms linear;
-o-transition: all 280ms linear; -o-transition: all 280ms linear;
transition: all 280ms linear; transition: all 280ms linear;
} }
body { body {
background: #788587; background: #788587;
color: #424345; color: #424345;
} }
body a { body a {
color: #e0e0e0; color: #e0e0e0;
} }
body h3 { body h3 {
color: #424345; color: #424345;
} }
.toolbar { .toolbar {
background: #788587; background: #788587;
margin-top: -45px; margin-top: -45px;
} }
.toolbar:after { .toolbar:after {
display: block; display: block;
content: '...toolbar'; content: "...toolbar";
background: rgba(0,0,0,0.07); background: rgba(0, 0, 0, 0.07);
} }
.toolbar:hover { .toolbar:hover {
margin: 0; margin: 0;
} }
.toolbar:hover:after { .toolbar:hover:after {
display: none; display: none;
} }
.page-header { .page-header {
border: none; border: none;
} }
.entrylist-header { .entrylist-header {
border: none; border: none;
} }
.entrylist-header h3, .entrylist-header h3,
.entrylist-header a { .entrylist-header a {
margin: 0; margin: 0;
} }
.entryList { .entryList {
padding-top: 18px; padding-top: 18px;
} }
#feed-accordion .entry { #feed-accordion .entry {
border: none; border: none;
} }
#feed-accordion .unread .entry-heading { #feed-accordion .unread .entry-heading {
background: #c9c9c9; background: #c9c9c9;
} }
#feed-accordion .unread:nth-of-type(2n) .entry-heading { #feed-accordion .unread:nth-of-type(2n) .entry-heading {
background: #ddd; background: #ddd;
} }
#feed-accordion .unread .entry-heading:hover, #feed-accordion .unread .entry-heading:hover,
#feed-accordion .unread:nth-of-type(2n):hover { #feed-accordion .unread:nth-of-type(2n):hover {
background: #ebebeb; background: #ebebeb;
} }
#feed-accordion .entry-heading-link { #feed-accordion .entry-heading-link {
color: #5a6069 !important; color: #5a6069 !important;
} }
#feed-accordion .entry-heading-link:hover { #feed-accordion .entry-heading-link:hover {
color: #000; color: #000;
} }
#feed-accordion .entry-body { #feed-accordion .entry-body {
background: #c7cbcc; background: #c7cbcc;
padding-left: 15px; padding-left: 15px;
} }
#feed-accordion .entry-body a:not([popup]) { #feed-accordion .entry-body a:not([popup]) {
color: #a68589; color: #a68589;
} }
#feed-accordion .entry-body a:not([popup]):visited { #feed-accordion .entry-body a:not([popup]):visited {
color: #8d8e8e; color: #8d8e8e;
} }
#feed-accordion .entry-body img { #feed-accordion .entry-body img {
-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
} }
#feed-accordion .highlight-search { #feed-accordion .highlight-search {
background: inherit; background: inherit;
} }
#feed-accordion .entry-buttons { #feed-accordion .entry-buttons {
background: #a68589; background: #a68589;
margin-left: -15px; margin-left: -15px;
border: none; border: none;
} }
#feed-accordion.expanded .entry { #feed-accordion.expanded .entry {
-webkit-box-shadow: none; -webkit-box-shadow: none;
-moz-box-shadow: none; -moz-box-shadow: none;
-ms-box-shadow: none; -ms-box-shadow: none;
@@ -214,49 +213,48 @@ body h3 {
box-shadow: none; box-shadow: none;
border: none; border: none;
margin-bottom: 30px; margin-bottom: 30px;
} }
input[ng-model='keywords'] { input[ng-model="keywords"] {
border: none; border: none;
height: 32px; height: 32px;
background: #9ba8aa; background: #9ba8aa;
} }
.css-treeview .selected { .css-treeview .selected {
color: #2c4967; color: #2c4967;
text-decoration: underline; text-decoration: underline;
} }
.css-treeview .unread-counter { .css-treeview .unread-counter {
color: #222; color: #222;
} }
.css-treeview li .tree-item:hover { .css-treeview li .tree-item:hover {
background: #ebebeb; background: #ebebeb;
} }
.css-treeview a { .css-treeview a {
color: #5a6069; color: #5a6069;
} }
.css-treeview a:hover { .css-treeview a:hover {
font-size: 1.02em; font-size: 1.02em;
} }
.css-treeview a:hover img { .css-treeview a:hover img {
-webkit-border-radius: 1px; -webkit-border-radius: 1px;
-moz-border-radius: 1px; -moz-border-radius: 1px;
-ms-border-radius: 1px; -ms-border-radius: 1px;
-o-border-radius: 1px; -o-border-radius: 1px;
border-radius: 1px; border-radius: 1px;
opacity: 1; opacity: 1;
} }
.css-treeview img { .css-treeview img {
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
-ms-border-radius: 4px; -ms-border-radius: 4px;
-o-border-radius: 4px; -o-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
opacity: 0.85; opacity: 0.85;
} }
#uvTab { #uvTab {
margin-bottom: -23px; margin-bottom: -23px;
} }
#uvTab:hover { #uvTab:hover {
margin-bottom: 0; margin-bottom: 0;
} }
} }