]> git.wh0rd.org Git - tt-rss.git/commitdiff
generate base css files using lessc
authorAndrew Dolgov <noreply@fakecake.org>
Wed, 29 Nov 2017 15:55:12 +0000 (18:55 +0300)
committerAndrew Dolgov <noreply@fakecake.org>
Wed, 29 Nov 2017 15:55:12 +0000 (18:55 +0300)
15 files changed:
classes/article.php
classes/handler/public.php
css/Makefile
css/cdm.css [deleted file]
css/cdm.less
css/dijit.css [deleted file]
css/dijit.less [new file with mode: 0644]
css/layout.css
css/tt-rss.css [deleted file]
css/tt-rss.less
css/utility.css
include/login_form.php
install/index.php
register.php
themes/default.php

index 8c8e0bddaf6895e60f29a2d885c4f8ff186165be..1d5f06e70ed15f6afde0a70b9a4998af2cef2a8f 100644 (file)
@@ -43,7 +43,7 @@ class Article extends Handler_Protected {
                } else if ($mode == "raw") {
                        if (isset($_REQUEST['html'])) {
                                header("Content-Type: text/html");
-                               print '<link rel="stylesheet" type="text/css" href="css/tt-rss.css"/>';
+                               print '<link rel="stylesheet" type="text/css" href="css/default.css"/>';
                        }
 
                        $article = $this->format_article($id, false, isset($_REQUEST["zoom"]));
@@ -601,9 +601,7 @@ class Article extends Handler_Protected {
                                $rv['content'] .= "<html><head>
                                                <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>
                                                <title>".$line["title"]."</title>".
-                                       stylesheet_tag("css/tt-rss.css").
-                                       stylesheet_tag("css/zoom.css").
-                                       stylesheet_tag("css/dijit.css")."
+                                       stylesheet_tag("css/default.css")."
 
                                                <link rel=\"shortcut icon\" type=\"image/png\" href=\"images/favicon.png\">
                                                <link rel=\"icon\" type=\"image/png\" sizes=\"72x72\" href=\"images/favicon-72px.png\">
index ec41ddb87b8d8e6c06cfdd0187f46fc19c3dce70..a98ea0193b6719fef293084ea0e9b6db097b28ee 100644 (file)
@@ -387,7 +387,7 @@ class Handler_Public extends Handler {
                <link rel=\"icon\" type=\"image/png\" sizes=\"72x72\" href=\"images/favicon-72px.png\">";
 
                echo stylesheet_tag("css/utility.css");
-               echo stylesheet_tag("css/dijit.css");
+               echo stylesheet_tag("css/default.css");
                echo javascript_tag("lib/prototype.js");
                echo javascript_tag("lib/scriptaculous/scriptaculous.js?load=effects,controls");
                print "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>
index c0c51abdbf2ea77ebdd4b5844d71ded7a0584f23..49bbe19541784389bcddd90efdddbe0572131e7e 100644 (file)
@@ -1,5 +1,4 @@
-#cdm.css: cdm.less
-#      lessc $^ > $@ 
 
-#tt-rss.css: tt-rss.less
-#      lessc $^ > $@
+default.css: *.less
+       cat $^  | lessc -x - > $@
+
diff --git a/css/cdm.css b/css/cdm.css
deleted file mode 100644 (file)
index 5f4bf30..0000000
+++ /dev/null
@@ -1,413 +0,0 @@
-div.cdmHeader img, div.cdmHeader input, div.cdmFooter img {
-       vertical-align : middle;
-}
-
-div.cdmHeader, div.cdmFooter {
-       display : table;
-}
-
-div.cdmHeader > * {
-       display : table-cell;
-       padding : 5px;
-}
-
-div.cdmFooter > * {
-       display : table-cell;
-       vertical-align : middle;
-}
-
-div.cdmHeader > div, div.cdmFooter > div {
-       white-space : nowrap;
-}
-
-div.cdmHeader > span, div.cdmFooter > span.left {
-       width : 100%;
-}
-
-div.cdmHeader span.updated {
-       color : #555;
-       font-weight : normal;
-       font-size : 11px;
-       white-space : nowrap;
-       vertical-align : middle;
-}
-
-div.cdmHeader input {
-       margin-right : 5px;
-}
-
-div.cdmHeader div.updPic {
-       width : 25px;
-       display : inline-block;
-       text-align : center;
-}
-
-div.cdmHeader div.updPic img {
-       vertical-align : middle;
-}
-
-div.cdmHeader img, div.cdmFooter img {
-       margin : 0px 4px;
-}
-
-div.cdmHeader input {
-       margin-left : 4px;
-       margin-right : 4px;
-}
-
-div.cdmIntermediate {
-       margin : 10px;
-}
-
-div.cdmContentInner {
-       margin : 10px;
-       line-height : 1.5;
-       font-size : 16px;
-}
-
-div.cdmIntermediate img,
-div.cdmIntermediate video,
-div.cdmContentInner img,
-div.cdmContentInner video {
-       border-width : 0px;
-       max-width : 98%;
-       height : auto;
-}
-
-div.cdmContentInner h1 {
-       font-size : 16px;
-}
-
-div.cdmContentInner h2,
-div.cdmContentInner h3,
-div.cdmContentInner h4 {
-       font-size : 15px;
-}
-
-div.cdmFooter {
-       height : 30px;
-       padding-left : 5px;
-       font-weight : normal;
-       color : #555;
-       clear : both;
-}
-
-div.cdm {
-       margin-right : 4px;
-}
-
-div.cdm.expanded {
-       margin-top : 4px;
-       margin-bottom : 4px;
-}
-
-div.cdm.expanded div.cdmFooter {
-       border-style : solid;
-       border-width : 0px 0px 1px 0px;
-       border-color : #ddd;
-}
-
-div.cdm.expandable {
-       background-color : #f0f0f0;
-       border-width : 0px 0px 1px 0px;
-       border-color : #ddd;
-       border-style : solid;
-}
-
-div.cdm.expandable > hr {
-       display : none;
-}
-
-div.cdm.expanded > hr {
-       margin-top : 0px;
-       margin-bottom : 0px;
-}
-
-div.cdm.expandable.Unread {
-       background : white;
-}
-
-div.cdm.expandable.Selected {
-       background : #f9fbff;
-}
-
-div.cdm.expandable.active {
-       background : white ! important;
-}
-
-div.cdm.expandable div.cdmHeader span.titleWrap {
-       white-space : nowrap;
-       text-overflow : ellipsis;
-       overflow : hidden;
-       max-width : 500px;
-}
-
-div.cdm.expandable.active div.cdmHeader span.titleWrap {
-       white-space : normal;
-}
-
-div.cdm.expandable div.cdmHeader a.title {
-       font-weight : 600;
-       color : #555;
-       font-size : 14px;
-       -webkit-transition : color 0.2s;
-       transition : color 0.2s;
-       text-rendering: optimizelegibility;
-       font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-               Helvetica, Arial, sans-serif;
-}
-
-div.cdm.expandable.Unread div.cdmHeader a.title {
-       color : black;
-}
-
-div.cdm.expandable.active div.cdmHeader a.title {
-       color : #0088cc;
-       font-size : 16px;
-       font-weight : 600;
-       text-rendering: optimizelegibility;
-       font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-               Helvetica, Arial, sans-serif;
-}
-
-div.cdm.expanded div.cdmHeader {
-       background : transparent ! important;
-}
-
-div.cdm.expanded div.cdmHeader a.title {
-       font-size : 16px;
-       color : #999;
-       font-weight : 600;
-       -webkit-transition : color 0.2s;
-       transition : color 0.2s;
-       text-rendering: optimizelegibility;
-       font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-               Helvetica, Arial, sans-serif;
-}
-
-div.cdm.expanded.active {
-       background : white;
-}
-
-div.cdm.expanded.active div.cdmHeader a.title {
-       color : #0088cc;
-}
-
-div.cdm.expanded.Unread div.cdmHeader a.title {
-       color : black;
-}
-
-div.cdm.expanded div.cdmContent {
-       color : #555;
-}
-
-div.cdm.expanded.Unread div.cdmContent {
-       color : black;
-}
-
-div.cdm.active div.cdmContent {
-       color : black;
-}
-
-span.cdmExcerpt {
-       white-space : nowrap;
-       font-size : 11px;
-       color : #999;
-       font-weight : normal;
-       cursor : pointer;
-}
-
-div.cdmContent div.postEnclosures {
-       margin-top : 1em;
-       color : #555;
-}
-
-div.cdmFeedTitle {
-       border-color : #0088cc;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       padding : 5px 3px 5px 5px;
-}
-
-div.cdmFeedTitle a.title {
-       color : #555;
-       font-weight : bold;
-}
-
-div.cdmFeedTitle a {
-       color : #555;
-}
-
-div.cdmFeedTitle a:hover {
-       color : #0088cc;
-}
-
-div.cdmHeader span.hlFeed {
-       float : right;
-       font-weight : normal;
-       font-style : italic;
-}
-
-div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
-       vertical-align : middle;
-       color : #555;
-       font-weight : normal;
-       font-style : italic;
-       font-size : 11px;
-}
-
-div.cdm .hlFeed a {
-       border-radius : 4px;
-       display : inline-block;
-       padding : 1px 4px 1px 4px;
-}
-
-div.cdmContentInner p {
-       /*max-width : 650px;*/
-       -webkit-hyphens: auto;
-       -moz-hyphens: auto;
-       hyphens: auto;
-}
-
-div.cdmContentInner iframe {
-       min-width : 50%;
-       max-width : 98%;
-}
-
-div.cdmHeader span.author {
-       white-space : nowrap;
-       color : #555;
-       font-size : 11px;
-       font-weight : normal;
-}
-
-
-div#floatingTitle {
-       position : absolute;
-       z-index : 5;
-       top : 0px;
-       right : 0px;
-       left : 0px;
-       border-color : #ddd;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       background : white;
-       color : #555;
-       box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
-}
-
-div#floatingTitle > * {
-       display : table-cell;
-       white-space : nowrap;
-       vertical-align : middle;
-       padding : 9px 5px;
-}
-
-div#floatingTitle img {
-       margin-right : 4px;
-       margin-left : 4px;
-}
-
-div#floatingTitle span.author {
-       color : #555;
-       font-size : 11px;
-       font-weight : normal;
-}
-
-div#floatingTitle a.title {
-       font-size : 16px;
-       color : #999;
-       -webkit-transition : color 0.2s;
-       transition : color 0.2s;
-       font-weight : 600;
-       text-rendering: optimizelegibility;
-       font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-               Helvetica, Arial, sans-serif;
-}
-
-div#floatingTitle.Unread a.title {
-       color : black;
-}
-
-div#floatingTitle img.anchor {
-       margin-left : 0px;
-}
-
-div#floatingTitle div.hlFeed {
-       padding-right : 10px;
-       color : #555;
-       font-weight : normal;
-       font-style : italic;
-       font-size : 11px;
-       white-space : nowrap;
-}
-
-div#floatingTitle div.hlFeed a {
-       border-radius : 4px;
-       display : inline-block;
-       padding : 1px 4px 1px 4px;
-}
-
-div#floatingTitle span.updated {
-       padding-right : 10px;
-       white-space : nowrap;
-       color : #555;
-       font-size : 11px;
-}
-
-div#floatingTitle div.hlFeed a {
-       color : #555;
-}
-
-div#floatingTitle span.titleWrap {
-       width : 100%;
-       white-space : normal;
-}
-
-div#floatingTitle .dijit,
-div#floatingTitle img.hlScorePic { 
-       display : none;
-}
-
-.cdm.high .cdmHeader a.title.high, .cdm.high .cdmHeader .cdmExcerpt,
-.cdm.high .cdmHeader span.author {
-       color : #00aa00;
-}
-
-.cdm.Unread.high .cdmHeader a.title.high, .cdm.Unread.high .cdmHeader .cdmExcerpt,
-.cdm.Unread.high .cdmHeader span.author {
-       color : #00dd00;
-}
-
-.cdm .cdmHeader a.title.low, .cdm.low .cdmHeader .cdmExcerpt,
-.cdm.Unread .cdmHeader a.title.low, .cdm.Unread.low .cdmHeader .cdmExcerpt,
-.cdm.low .cdmHeader span.author {
-       color : #909090;
-       text-decoration : line-through;
-}
-
-div.cdmFeedTitle > * {
-       display : table-cell;
-       vertical-align : middle;
-}
-
-div.cdmFeedTitle a.title {
-       width : 100%;
-}
-
-div.cdmFeedTitle a.catchup {
-       text-align : right;
-       color : #555;
-       padding-right : 10px;
-       font-size : 11px;
-       white-space : nowrap;
-}
-
-div.cdmFeedTitle a.catchup:hover {
-       color : #0088cc;
-}
-
index ebefeabbdb495fc104dbdb905cc5fdcf8de44c48..e1cf76ec09535a8ef508d2e09044211aee8371d6 100644 (file)
@@ -1,4 +1,5 @@
-@fonts-ui: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold",  "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
+@fonts-ui-bold: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
+@fonts-ui:  "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
 
 .cdm {
        margin-right : 4px;
        margin-bottom : 4px;
 
        .cdmFooter {
-               border-style : solid;
-               border-width : 0px 0px 1px 0px;
-               border-color : #ddd;
+               border: 0px solid #ddd;
+               border-bottom-width: 1px;
        }
 
        > hr {
 
 .cdm.expandable {
        background-color : #f0f0f0;
-       border-width : 0px 0px 1px 0px;
-       border-color : #ddd;
-       border-style : solid;
+       border: 0px solid #ddd;
+       border-bottom-width: 1px;
 
        > hr {
                display : none;
@@ -159,7 +158,7 @@ div.cdm.expandable div.cdmHeader a.title {
        -webkit-transition : color 0.2s;
        transition : color 0.2s;
        text-rendering: optimizelegibility;
-       font-family : @fonts-ui;
+       font-family : @fonts-ui-bold;
 }
 
 div.cdm.expandable.Unread div.cdmHeader a.title {
@@ -171,7 +170,7 @@ div.cdm.expandable.active div.cdmHeader a.title {
        font-size: 16px;
        font-weight: 600;
        text-rendering: optimizelegibility;
-       font-family: @fonts-ui;
+       font-family: @fonts-ui-bold;
 }
 
 div.cdm.expanded div.cdmHeader {
@@ -185,7 +184,7 @@ div.cdm.expanded div.cdmHeader a.title {
        -webkit-transition : color 0.2s;
        transition : color 0.2s;
        text-rendering: optimizelegibility;
-       font-family : @fonts-ui;
+       font-family : @fonts-ui-bold;
 }
 
 div.cdm.expanded.active {
@@ -226,9 +225,8 @@ div.cdmContent div.postEnclosures {
 }
 
 div.cdmFeedTitle {
-       border-color : #0088cc;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
+       border: 0px solid #0088cc;
+       border-bottom-width: 1px;
        padding : 5px 3px 5px 5px;
 }
 
@@ -290,9 +288,8 @@ div#floatingTitle {
        top : 0px;
        right : 0px;
        left : 0px;
-       border-color : #ddd;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
+       border: 0px solid #ddd;
+       border-bottom-width: 1px;
        background : white;
        color : #555;
        box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
@@ -322,7 +319,7 @@ div#floatingTitle {
                transition : color 0.2s;
                font-weight : 600;
                text-rendering: optimizelegibility;
-               font-family : @fonts-ui;
+               font-family : @fonts-ui-bold;
        }
 
        img.anchor {
@@ -420,5 +417,3 @@ div#floatingTitle.Unread a.title {
        }
 
 }
-
-
diff --git a/css/dijit.css b/css/dijit.css
deleted file mode 100644 (file)
index b0c9243..0000000
+++ /dev/null
@@ -1,666 +0,0 @@
-/* Tree */
-
-.claro .dijitTreeRow .dijitCheckBox {
-       position : relative;
-       top : -2px;
-}
-
-.claro .dijitTreeLabel {
-       outline : 0;
-}
-
-.claro .dijitTree .feedParam {
-       color : #555;
-       float : right;
-       margin-right : 1em;
-}
-
-.claro .dijitTree .filterRules {
-       display : block;
-       color : #ccc;
-       font-size : 10px;
-       margin-left : 100px;
-}
-
-.claro .dijitTree .filterRules span {
-       display : block;
-       color : green;
-}
-
-#filterDlg_Matches span.filterRule {
-       color : green;
-}
-
-.claro .dijitTree .filterRules span.inverse,
-#filterDlg_Matches span.filterRule.inverse {
-       color : red;
-}
-
-
-.claro .dijitTree .labelParam {
-       float : right;
-       margin-right : 1em;
-}
-
-.claro .dijitTree .dijitTreeLabel.filterDisabled,
-.claro .dijitTree .labelParam.filterDisabled {
-       color : #555;
-       text-decoration: line-through;
-}
-
-.claro .dijitTreeRow.Error {
-       color : red;
-}
-
-.claro .dijitTreeRow.Hidden {
-       display : none;
-}
-
-.claro .dijitTreeNode .loadingNode {
-       margin-left : 3px;
-       height : 9px;
-}
-
-.claro .dijitFolderClosed,
-.claro .dijitFolderOpened {
-       display : none;
-}
-
-.claro .dijitTreeNode .dijitCheckBox {
-       margin-left : 4px;
-}
-
-.claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
-       margin-left : 5px;
-}
-
-.claro .dijitTree .dijitTreeExpando {
-       margin-top : 0px;
-       opacity : 0.6;
-}
-
-.claro .dijitTree .dijitTreeNode {
-       padding : 0px;
-       border-width : 0px;
-}
-
-/*.claro .dijitTree .dijitTreeRow {
-       max-width: 100%;
-       overflow: hidden;
-       text-overflow: ellipsis;
-}*/
-
-.claro .dijitTree .dijitTreeRowSelected {
-       background : white;
-}
-
-.claro .dijitTree .dijitTreeRowHover {
-       background : #f0f0f0;
-       border-color : #ddd;
-}
-
-.claro .dijitTree .dijitTreeRowSelected {
-       background : white;
-       border-color : #ddd;
-}
-
-.claro .dijitTreeRowSelected .dijitTreeLabel {
-       text-shadow : 1px 1px 2px #fff;
-}
-
-.claro .dijitTreeRow .dijitTreeExpando {
-       background-image: url("../images/treeExpandImages.png");
-       position : relative;
-       top : -1px;
-}
-
-.claro .dijitTreeRow .dijitTreeExpandoLeaf {
-       background : none;
-} 
-
-/* Toolbar */
-
-.claro .dijitToolbar {
-       background : #f5f5f5;
-       border-color : #ddd;
-       /* text-rendering: optimizelegibility;
-       font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
-               Helvetica, Arial, sans-serif; */
-}
-
-/* .claro .dijitToolbar {
-       text-shadow : 1px 1px 2px #fff;
-} */
-
-.claro .dijitDialog .dijitToolbar {
-       border : 1px solid #ddd;
-}
-
-/* Dialog */
-
-.claro .dijitDialog h2 {
-       margin-top : 0px;
-       margin-bottom : 4px;
-       border-width : 0px;
-}
-
-.claro .dijitMenu .dijitMenuItem .dijitMenuItemLabel {
-       font-size : 13px;
-       padding-top : 3px;
-       padding-bottom : 3px;
-}
-
-/* Checkbox */
-
-.claro .dijitCheckBox {
-       background-image : url("../images/untick.png");
-       background-color : transparent;
-       width : 15px;
-       height : 15px;
-       margin : 1px;
-       opacity : 0.7;
-       background-position : center center;    
-       transition : opacity 0.25s;
-       -webkit-transition : opacity 0.25s;
-       /* border : 1px solid #b5bcc7; */
-       padding : 1px;
-}
-
- .claro .dijitCheckBox:hover {
-       opacity : 1;
-}
-
-.claro .dijitCheckBox.dijitCheckBoxDisabled:hover {
-       opacity : 0.7;
-}
-
-.claro .dijitCheckBox.dijitCheckBoxChecked {
-       border-color : #69C671;
-       background-image : url("../images/tick.png");
-       opacity : 1;
-}
-
-/* Various buttons */
-
-.claro .dijitButton.danger .dijitButtonText {
-       color: #ffffff;
-}
-
-.claro .dijitButton.danger {
-       text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-       background-color: #da4f49;
-       *background-color: #bd362f;
-       background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
-       background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
-       background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
-       background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
-       background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
-       background-repeat: repeat-x;
-       border-color: #bd362f #bd362f #802420;
-       border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
-       filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-}
-
-.claro .dijitButton.dijitButtonDisabled.danger,
-.claro .dijitButton.dijitButtonActive.danger,
-.claro .dijitButton.dijitButtonHover.danger,
-.claro .dijitButton.dijitFocused.danger {
-       color: #ffffff;
-       background-color: #bd362f;
-       *background-color: #a9302a;
-}
-
-.claro .dijitButton.dijitButtonActive.danger {
-       background-color: #942a25 \9;
-}
-
-.claro .dijitDropDownButton {
-       margin : 0px;
-}
-
-.claro .dijitDropDownButton .dijitButtonNode {
-       padding : 0px;
-}
-
-.claro .dijitButton.dijitButtonActive.danger {
-       color: rgba(255, 255, 255, 0.75);
-}
-
-.claro .dijitButton .dijitButtonNode,
-.claro .dijitDropDownButton .dijitButtonNode,
-.claro .dijitComboButton .dijitButtonNode, 
-.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
-.claro .dijitToolbar .dijitComboButton,
-.claro .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode,
-.claro .dijitToolbar .dijitComboButton .dijitButtonNode {
-       background : none;
-       border-color : transparent;
-       box-shadow : none;
-}
-
-button,
-input[type="submit"] {
-       font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-       font-size : 14px;
-}
-
-button,
-input[type="submit"],
-.claro .dijitButton,
-.claro .dijitDropDownButton .dijitDownArrowButton,
-.claro .dijitComboButton {
-  display: inline-block;
-  padding: 4px 12px;
-  margin-bottom: 0;
-  font-size: 14px;
-  line-height: 20px;
-  color: #333333;
-  text-align: center;
-  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-  vertical-align: middle;
-  cursor: pointer;
-  background-color: #f5f5f5;
-  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
-  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
-  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
-  background-repeat: repeat-x;
-  border: 1px solid #cccccc;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  border-bottom-color: #b3b3b3;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-
-button:hover,
-button:focus,
-button:active,
-input[type="submit"]:hover,
-input[type="submit"]:focus,
-input[type="submit"]:active,
-.claro .dijitButton:hover,
-.claro .dijitButton:focus,
-.claro .dijitButton:active,
-.claro .dijitDropDownButton .dijitDownArrowButton:hover,
-.claro .dijitDropDownButton .dijitDownArrowButton:focus,
-.claro .dijitDropDownButton .dijitDownArrowButton:active,
-.claro .dijitComboButton:hover,
-.claro .dijitComboButton:focus,
-.claro .dijitComboButton:active,
-.claro .dijitButton.dijitButtonDisabled {
-  color: #333333;
-  background-color: #e6e6e6;
-}
-
-button:active,
-input[type="submit"]:active,
-.claro .dijitButton:active,
-.claro .dijitDropDownButton .dijitDownArrowButton:active,
-.claro .dijitComboButton:active {
-       background-color: #cccccc \9;
-}
-
-.claro .dijitToolbar .dijitButton,
-.claro .dijitToolbar .dijitButton.dijitHover,
-.claro .dijitToolbar .dijitComboButton,
-.claro .dijitToolbar .dijitDropDownButton .dijitDownArrowButton,
-.claro .dijitToolbar .dijitComboButton.dijitHover {
-       background : none;
-       border-color : transparent;
-       box-shadow : none;
-       padding : 0px;
-       margin : 0px;
-       line-height : auto;
-       text-shadow : none;
-}
-
-.claro .dijitToolbar .dijitDropDownButton .dijitButtonText,
-.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText,
-.claro .dijitToolbar .dijitComboButton .dijitButtonText {
-       padding : 0px;
-}
-
-.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode {
-       border-radius : 4px;
-}
-
-.claro .dijitToolbar .dijitButton.dijitHover,
-.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
-.claro .dijitToolbar .dijitComboButton.dijitHover {
-       border-color : #ccc;
-}
-
-.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
-.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
-       background : none;
-}
-
-.claro .dijitToolbar .dijitButton .dijitButtonContents,
-.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,
-.claro .dijitToolbar .dijitComboButton .dijitButtonContents {
-       font-size : 13px;
-}
-
-button:hover,
-button:focus,
-input[type="submit"]:hover,
-input[type="submit"]:focus,
-.claro .dijitButton:hover,
-.claro .dijitDropDownButton .dijitDownArrowButton:hover,
-.claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
-.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
-.claro .dijitButton:focus,
-.claro .dijitComboButton:hover,
-.claro .dijitComboButton:focus {
-  color: #333333;
-  text-decoration: none;
-  background-position: 0 -15px;
-  -webkit-transition: background-position 0.1s linear;
-  transition: background-position 0.1s linear;
-}
-
-button:focus,
-input[type="submit"]:focus,
-.claro .dijitButton:focus,
-.claro .dijitDropDownButton .dijitDownArrowButton:focus,
-.claro .dijitComboButton:focus {
-  outline: thin dotted #333;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-}
-
-button:active,
-input[type="submit"]:active,
-.claro .dijitButton:active,
-.claro .dijitComboButton:active,
-.claro .dijitToolbar .dijitDropDownButton.dijitOpened,
-.claro .dijitToolbar .dijitComboButton.dijitOpened,
-.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
-  background-image: none;
-  outline: 0;
-  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-
-input[type="submit"][disabled],
-button[disabled],
-.claro .dijitButton[disabled],
-.claro .dijitDropDownButton .dijitDownArrowButton[disabled],
-.claro .dijitButton.dijitButtonDisabled,
-.claro .dijitComboButton.dijitButtonDisabled {
-  cursor: default;
-  background-image: none;
-  opacity: 0.65;
-  filter: alpha(opacity=65);
-  -webkit-box-shadow: none;
-  box-shadow: none;
-}
-
-.claro .dijitButton .dijitButtonContents,
-.claro .dijitDropDownButton .dijitButtonContents,
-.claro .dijitComboButton .dijitButtonContents {
-       font-size : 14px;
-       font-weight : normal;
-       line-height : 20px;
-}
-
-.claro .dijitButton.small .dijitButtonText {
-       font-size : 11px;
-}
-
-.claro .dijitMenu {
-       border-color: rgba(82, 168, 236, 0.8);
-}
-
-.claro .dijitMenu .dijitMenuItemSelected,
-.claro .dijitMenu .dijitMenuItemSelected td {
-       background :  rgb(82, 168, 236);
-       color : white;
-       border-color : rgba(82, 168, 236, 0.8);
-}
-
-.claro .dijitButton .dijitButtonNode,
-.claro .dijitComboButton .dijitButtonNode {
-       padding : 0px;
-}
-
-/* Other stuff */
-
-/* .claro .dijitAccordionTitleFocus {
-       text-shadow : 1px 1px 2px #fff;
-} 
-
-.claro .dijitAccordionTitle {
-       text-rendering: optimizelegibility;
-       font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
-               Helvetica, Arial, sans-serif;
-} */
-
-
-.claro .dijitAccordionTitle.dijitAccordionTitleHover,
-.claro .dijitAccordionTitle.dijitAccordionTitleFocused {
-       background : white;
-       transition : background 0.25s;
-}
-.claro .dijitAccordionTitle {
-       background : #f0f0f0;
-       transition : background 0.25s;
-}
-
-.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected,
-.claro .dijitAccordionTitle.dijitAccordionTitleSelected {
-       background : #0088cc;
-       transition : background 0.25s;
-}
-
-.claro .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText {
-       color : white;
-}
-
-.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
-       border-color : #0088cc;
-}
-
-.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
-       border-color : #ddd;
-}
-
-/* Tabs */
-
-.claro .dijitTabInner.dijitTab {
-       background : #f0f0f0;
-}
-
-.claro .dijitTabContent {
-       background : #eee;
-}
-
-.claro .dijitTabContent.dijitTabChecked,
-.claro .dijitTabContent.dijitTabHover,
-.claro .dijitTabContent.dijitFocused {
-       background : white;
-}
-
-.claro .dijitTabPaneWrapper, 
-.claro .dijitTabContainerTop-tabs,
-.claro .dijitTab,
-.claro .dijitAccordionInnerContainer {
-       border-color : #ddd;
-}
-
-/* Text fields & selects */
-
-.claro .dijitComboBox .dijitArrowButton,
-.claro .dijitSelect .dijitArrowButton {
-       background : transparent;
-       border-color : transparent;
-}
-
-.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
-       margin-right : 5px;
-       float  :right;
-}
-
-.claro select,
-.claro .dijitDownArrowButton.dijitSelect {
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       border-radius: 4px;
-       margin-bottom : 4px;
-
-}
-
-.claro .dijitSelect .dijitButtonContents {
-       display: inline-block;
-       height: 20px;
-       padding: 4px 6px;
-       font-size: 14px;
-       line-height: 20px;
-       color: #555555;
-       vertical-align: middle;
-       border-width : 0px;
-}
-
-.claro select,
-.claro textarea,
-.claro .input.input-text,
-.claro .dijitTextBox {
-       display: inline-block;
-       height: 20px;
-       padding: 4px 6px;
-       font-size: 14px;
-       line-height: 20px;
-       color: #555555;
-       vertical-align: middle;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       border-radius: 4px;
-       margin-bottom : 4px;
-}
-.claro textarea {
-       height : auto;
-}
-
-.claro select,
-.claro .input.input-text {
-       height : 30px;
-}
-
-.claro textarea,
-.claro select,
-.claro .input.input-text,
-.claro .dijitTextBox,
-.claro .dijitSelect {
-       background-color: #ffffff;
-       border: 1px solid #cccccc;
-       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-       box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-       -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-       -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
-       transition: border linear 0.2s, box-shadow linear 0.2s;
-}
-
-.claro select:focus,
-.claro .input.input-text:focus,
-.claro .dijitTextBox.dijitFocused,
-.claro .dijitSelect.dijitFocused {
-       border-color: rgba(82, 168, 236, 0.8);
-       outline: 0;
-       outline: thin dotted \9;
-       /* IE6-9 */
-
-       -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-       box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-}
-
-.claro .dijitError .dijitValidationContainer {
-       padding : 0px;
-       width : 13px;
-       border-width : 1px;
-       display : none;
-}
-
-.claro .dijitSelect.dijitSelectDisabled  {
-       background-color: #eeeeee;
-}
-
-.claro .dijitSelect.dijitSelectDisabled .dijitSelectLabel {
-       cursor: not-allowed;
-}
-
-.claro .dijitTextBox.dijitTextBoxDisabled,
-.claro .dijitTextBox.dijitTextBoxDisabled .dijitInputInner,
-.claro .dijitTextBox.dijitReadOnly,
-.claro .dijitTextBox.dijitReadOnly .dijitInputInner {
-       cursor: not-allowed;
-       background-color: #eeeeee;
-}
-
-.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
-       border-color : rgba(0,0,0,0.1);
-}
-
-.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
-       padding : 2px 2px 0px 4px;
-}
-
-.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
-       margin : 0px;
-}
-
-.claro .dijitToolbar .dijitTextBox {
-       padding : 0px;
-       margin-bottom : 0px;
-       border-radius : 0px;
-}
-
-/* dialog */
-
-.claro .dijitDialog {
-       border-radius : 6px;
-
-}
-
-.claro .dijitDialog .dijitDialogCloseIcon {
-       margin-top : 5px;
-}
-
-.claro .dijitDialog .dijitDialogTitleBar {
-       background : white;
-       padding : 8px;
-       font-weight : 600;
-       color : #555;
-       font-size : 16px;
-       text-rendering: optimizelegibility;
-       font-family : "Segoe WP Semibold", "Segoe UI Semibold",
-       "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-       Helvetica, Arial, sans-serif;
-}
-
-.claro .dijitDialog .dijitDialogPaneContent {
-       border-color : #ddd;
-       padding : 10px;
-}
-
-.claro .dijitProgressBar.dijitProgressBarEmpty {
-       background : #ddd;
-       border-color : #0088cc;
-}
-
-.claro .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile {
-       background : rgb(82, 168, 236);
-
-}
-
-.claro .dijitProgressBar .dijitProgressBarLabel {
-       color : white;
-}
-
-
diff --git a/css/dijit.less b/css/dijit.less
new file mode 100644 (file)
index 0000000..73f8564
--- /dev/null
@@ -0,0 +1,666 @@
+/* Tree */
+
+.claro {
+
+       .dijitTreeRow .dijitCheckBox {
+               position: relative;
+               top: -2px;
+       }
+
+       .dijitTreeLabel {
+               outline: 0;
+       }
+
+       .dijitTree .feedParam {
+               color: #555;
+               float: right;
+               margin-right: 1em;
+       }
+
+       .dijitTree .filterRules {
+               display: block;
+               color: #ccc;
+               font-size: 10px;
+               margin-left: 100px;
+       }
+
+       .dijitTree .filterRules span {
+               display: block;
+               color: green;
+       }
+
+       #filterDlg_Matches span.filterRule {
+               color: green;
+       }
+
+       .dijitTree .filterRules span.inverse,
+       #filterDlg_Matches span.filterRule.inverse {
+               color: red;
+       }
+
+       .dijitTree .labelParam {
+               float: right;
+               margin-right: 1em;
+       }
+
+       .dijitTree .dijitTreeLabel.filterDisabled,
+       .dijitTree .labelParam.filterDisabled {
+               color: #555;
+               text-decoration: line-through;
+       }
+
+       .dijitTreeRow.Error {
+               color: red;
+       }
+
+       .dijitTreeRow.Hidden {
+               display: none;
+       }
+
+       .dijitTreeNode .loadingNode {
+               margin-left: 3px;
+               height: 9px;
+       }
+
+       .dijitFolderClosed,
+       .dijitFolderOpened {
+               display: none;
+       }
+
+       .dijitTreeNode .dijitCheckBox {
+               margin-left: 4px;
+       }
+
+       .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
+               margin-left: 5px;
+       }
+
+       .dijitTree .dijitTreeExpando {
+               margin-top: 0px;
+               opacity: 0.6;
+       }
+
+       .dijitTree .dijitTreeNode {
+               padding: 0px;
+               border-width: 0px;
+       }
+
+       /*.dijitTree .dijitTreeRow {
+        max-width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }*/
+
+       .dijitTree .dijitTreeRowSelected {
+               background: white;
+       }
+
+       .dijitTree .dijitTreeRowHover {
+               background: #f0f0f0;
+               border-color: #ddd;
+       }
+
+       .dijitTree .dijitTreeRowSelected {
+               background: white;
+               border-color: #ddd;
+       }
+
+       .dijitTreeRowSelected .dijitTreeLabel {
+               text-shadow: 1px 1px 2px #fff;
+       }
+
+       .dijitTreeRow .dijitTreeExpando {
+               background-image: url("../images/treeExpandImages.png");
+               position: relative;
+               top: -1px;
+       }
+
+       .dijitTreeRow .dijitTreeExpandoLeaf {
+               background: none;
+       }
+
+       /* Toolbar */
+
+       .dijitToolbar {
+               background: #f5f5f5;
+               border-color: #ddd;
+               /* text-rendering: optimizelegibility;
+        font-family : "Segoe WP Semibold", "Segoe UI Semibold",
+            "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
+            Helvetica, Arial, sans-serif; */
+       }
+
+       /* .dijitToolbar {
+        text-shadow : 1px 1px 2px #fff;
+    } */
+
+       .dijitDialog .dijitToolbar {
+               border: 1px solid #ddd;
+       }
+
+       /* Dialog */
+
+       .dijitDialog h2 {
+               margin-top: 0px;
+               margin-bottom: 4px;
+               border-width: 0px;
+       }
+
+       .dijitMenu .dijitMenuItem .dijitMenuItemLabel {
+               font-size: 13px;
+               padding-top: 3px;
+               padding-bottom: 3px;
+       }
+
+       /* Checkbox */
+
+       .dijitCheckBox {
+               background-image: url("../images/untick.png");
+               background-color: transparent;
+               width: 15px;
+               height: 15px;
+               margin: 1px;
+               opacity: 0.7;
+               background-position: center center;
+               transition: opacity 0.25s;
+               -webkit-transition: opacity 0.25s;
+               /* border : 1px solid #b5bcc7; */
+               padding: 1px;
+       }
+
+       .dijitCheckBox:hover {
+               opacity: 1;
+       }
+
+       .dijitCheckBox.dijitCheckBoxDisabled:hover {
+               opacity: 0.7;
+       }
+
+       .dijitCheckBox.dijitCheckBoxChecked {
+               border-color: #69C671;
+               background-image: url("../images/tick.png");
+               opacity: 1;
+       }
+
+       /* Various buttons */
+
+       .dijitButton.danger .dijitButtonText {
+               color: #ffffff;
+       }
+
+       .dijitButton.danger {
+               text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+               background-color: #da4f49;
+               *background-color: #bd362f;
+               background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
+               background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
+               background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
+               background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
+               background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
+               background-repeat: repeat-x;
+               border-color: #bd362f #bd362f #802420;
+               border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+               filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
+               filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+       }
+
+       .dijitButton.dijitButtonDisabled.danger,
+       .dijitButton.dijitButtonActive.danger,
+       .dijitButton.dijitButtonHover.danger,
+       .dijitButton.dijitFocused.danger {
+               color: #ffffff;
+               background-color: #bd362f;
+               *background-color: #a9302a;
+       }
+
+       .dijitButton.dijitButtonActive.danger {
+               background-color: #942a25 \9;
+       }
+
+       .dijitDropDownButton {
+               margin: 0px;
+       }
+
+       .dijitDropDownButton .dijitButtonNode {
+               padding: 0px;
+       }
+
+       .dijitButton.dijitButtonActive.danger {
+               color: rgba(255, 255, 255, 0.75);
+       }
+
+       .dijitButton .dijitButtonNode,
+       .dijitDropDownButton .dijitButtonNode,
+       .dijitComboButton .dijitButtonNode,
+       .dijitToolbar .dijitDropDownButton .dijitButtonNode,
+       .dijitToolbar .dijitComboButton,
+       .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode,
+       .dijitToolbar .dijitComboButton .dijitButtonNode {
+               background: none;
+               border-color: transparent;
+               box-shadow: none;
+       }
+
+       button,
+       input[type="submit"] {
+               font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+               font-size: 14px;
+       }
+
+       button,
+       input[type="submit"],
+       .dijitButton,
+       .dijitDropDownButton .dijitDownArrowButton,
+       .dijitComboButton {
+               display: inline-block;
+               padding: 4px 12px;
+               margin-bottom: 0;
+               font-size: 14px;
+               line-height: 20px;
+               color: #333333;
+               text-align: center;
+               text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+               vertical-align: middle;
+               cursor: pointer;
+               background-color: #f5f5f5;
+               background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+               background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+               background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
+               background-repeat: repeat-x;
+               border: 1px solid #cccccc;
+               border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+               border-bottom-color: #b3b3b3;
+               -webkit-border-radius: 4px;
+               border-radius: 4px;
+               -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+               box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+       }
+
+       button:hover,
+       button:focus,
+       button:active,
+       input[type="submit"]:hover,
+       input[type="submit"]:focus,
+       input[type="submit"]:active,
+       .dijitButton:hover,
+       .dijitButton:focus,
+       .dijitButton:active,
+       .dijitDropDownButton .dijitDownArrowButton:hover,
+       .dijitDropDownButton .dijitDownArrowButton:focus,
+       .dijitDropDownButton .dijitDownArrowButton:active,
+       .dijitComboButton:hover,
+       .dijitComboButton:focus,
+       .dijitComboButton:active,
+       .dijitButton.dijitButtonDisabled {
+               color: #333333;
+               background-color: #e6e6e6;
+       }
+
+       button:active,
+       input[type="submit"]:active,
+       .dijitButton:active,
+       .dijitDropDownButton .dijitDownArrowButton:active,
+       .dijitComboButton:active {
+               background-color: #cccccc \9;
+       }
+
+       .dijitToolbar .dijitButton,
+       .dijitToolbar .dijitButton.dijitHover,
+       .dijitToolbar .dijitComboButton,
+       .dijitToolbar .dijitDropDownButton .dijitDownArrowButton,
+       .dijitToolbar .dijitComboButton.dijitHover {
+               background: none;
+               border-color: transparent;
+               box-shadow: none;
+               padding: 0px;
+               margin: 0px;
+               line-height: auto;
+               text-shadow: none;
+       }
+
+       .dijitToolbar .dijitDropDownButton .dijitButtonText,
+       .dijitToolbar .dijitDownArrowButton .dijitButtonText,
+       .dijitToolbar .dijitComboButton .dijitButtonText {
+               padding: 0px;
+       }
+
+       .dijitToolbar .dijitDropDownButton .dijitButtonNode {
+               border-radius: 4px;
+       }
+
+       .dijitToolbar .dijitButton.dijitHover,
+       .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
+       .dijitToolbar .dijitComboButton.dijitHover {
+               border-color: #ccc;
+       }
+
+       .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
+       .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
+               background: none;
+       }
+
+       .dijitToolbar .dijitButton .dijitButtonContents,
+       .dijitToolbar .dijitDropDownButton .dijitButtonContents,
+       .dijitToolbar .dijitComboButton .dijitButtonContents {
+               font-size: 13px;
+       }
+
+       button:hover,
+       button:focus,
+       input[type="submit"]:hover,
+       input[type="submit"]:focus,
+       .dijitButton:hover,
+       .dijitDropDownButton .dijitDownArrowButton:hover,
+       .dijitToolbar .dijitButton:hover .dijitButtonNode,
+       .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
+       .dijitButton:focus,
+       .dijitComboButton:hover,
+       .dijitComboButton:focus {
+               color: #333333;
+               text-decoration: none;
+               background-position: 0 -15px;
+               -webkit-transition: background-position 0.1s linear;
+               transition: background-position 0.1s linear;
+       }
+
+       button:focus,
+       input[type="submit"]:focus,
+       .dijitButton:focus,
+       .dijitDropDownButton .dijitDownArrowButton:focus,
+       .dijitComboButton:focus {
+               outline: thin dotted #333;
+               outline: 5px auto -webkit-focus-ring-color;
+               outline-offset: -2px;
+       }
+
+       button:active,
+       input[type="submit"]:active,
+       .dijitButton:active,
+       .dijitComboButton:active,
+       .dijitToolbar .dijitDropDownButton.dijitOpened,
+       .dijitToolbar .dijitComboButton.dijitOpened,
+       .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
+               background-image: none;
+               outline: 0;
+               -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+               box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+       }
+
+       input[type="submit"][disabled],
+       button[disabled],
+       .dijitButton[disabled],
+       .dijitDropDownButton .dijitDownArrowButton[disabled],
+       .dijitButton.dijitButtonDisabled,
+       .dijitComboButton.dijitButtonDisabled {
+               cursor: default;
+               background-image: none;
+               opacity: 0.65;
+               filter: alpha(opacity=65);
+               -webkit-box-shadow: none;
+               box-shadow: none;
+       }
+
+       .dijitButton .dijitButtonContents,
+       .dijitDropDownButton .dijitButtonContents,
+       .dijitComboButton .dijitButtonContents {
+               font-size: 14px;
+               font-weight: normal;
+               line-height: 20px;
+       }
+
+       .dijitButton.small .dijitButtonText {
+               font-size: 11px;
+       }
+
+       .dijitMenu {
+               border-color: rgba(82, 168, 236, 0.8);
+       }
+
+       .dijitMenu .dijitMenuItemSelected,
+       .dijitMenu .dijitMenuItemSelected td {
+               background: rgb(82, 168, 236);
+               color: white;
+               border-color: rgba(82, 168, 236, 0.8);
+       }
+
+       .dijitButton .dijitButtonNode,
+       .dijitComboButton .dijitButtonNode {
+               padding: 0px;
+       }
+
+       /* Other stuff */
+
+       /* .dijitAccordionTitleFocus {
+        text-shadow : 1px 1px 2px #fff;
+    }
+
+    .dijitAccordionTitle {
+        text-rendering: optimizelegibility;
+        font-family : "Segoe WP Semibold", "Segoe UI Semibold",
+            "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
+            Helvetica, Arial, sans-serif;
+    } */
+
+       .dijitAccordionTitle.dijitAccordionTitleHover,
+       .dijitAccordionTitle.dijitAccordionTitleFocused {
+               background: white;
+               transition: background 0.25s;
+       }
+       .dijitAccordionTitle {
+               background: #f0f0f0;
+               transition: background 0.25s;
+       }
+
+       .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected,
+       .dijitAccordionTitle.dijitAccordionTitleSelected {
+               background: #0088cc;
+               transition: background 0.25s;
+       }
+
+       .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText {
+               color: white;
+       }
+
+       .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
+               border-color: #0088cc;
+       }
+
+       .dijitAccordionContainer .dijitAccordionChildWrapper {
+               border-color: #ddd;
+       }
+
+       /* Tabs */
+
+       .dijitTabInner.dijitTab {
+               background: #f0f0f0;
+       }
+
+       .dijitTabContent {
+               background: #eee;
+       }
+
+       .dijitTabContent.dijitTabChecked,
+       .dijitTabContent.dijitTabHover,
+       .dijitTabContent.dijitFocused {
+               background: white;
+       }
+
+       .dijitTabPaneWrapper,
+       .dijitTabContainerTop-tabs,
+       .dijitTab,
+       .dijitAccordionInnerContainer {
+               border-color: #ddd;
+       }
+
+       /* Text fields & selects */
+
+       .dijitComboBox .dijitArrowButton,
+       .dijitSelect .dijitArrowButton {
+               background: transparent;
+               border-color: transparent;
+       }
+
+       .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
+               margin-right: 5px;
+               float: right;
+       }
+
+       select,
+       .dijitDownArrowButton.dijitSelect {
+               -webkit-border-radius: 4px;
+               -moz-border-radius: 4px;
+               border-radius: 4px;
+               margin-bottom: 4px;
+
+       }
+
+       .dijitSelect .dijitButtonContents {
+               display: inline-block;
+               height: 20px;
+               padding: 4px 6px;
+               font-size: 14px;
+               line-height: 20px;
+               color: #555555;
+               vertical-align: middle;
+               border-width: 0px;
+       }
+
+       select,
+       textarea,
+       .input.input-text,
+       .dijitTextBox {
+               display: inline-block;
+               height: 20px;
+               padding: 4px 6px;
+               font-size: 14px;
+               line-height: 20px;
+               color: #555555;
+               vertical-align: middle;
+               -webkit-border-radius: 4px;
+               -moz-border-radius: 4px;
+               border-radius: 4px;
+               margin-bottom: 4px;
+       }
+       textarea {
+               height: auto;
+       }
+
+       select,
+       .input.input-text {
+               height: 30px;
+       }
+
+       textarea,
+       select,
+       .input.input-text,
+       .dijitTextBox,
+       .dijitSelect {
+               background-color: #ffffff;
+               border: 1px solid #cccccc;
+               -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+               -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+               box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+               -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+               -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+               -o-transition: border linear 0.2s, box-shadow linear 0.2s;
+               transition: border linear 0.2s, box-shadow linear 0.2s;
+       }
+
+       select:focus,
+       .input.input-text:focus,
+       .dijitTextBox.dijitFocused,
+       .dijitSelect.dijitFocused {
+               border-color: rgba(82, 168, 236, 0.8);
+               outline: 0;
+               outline: thin dotted \9;
+               /* IE6-9 */
+
+               -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+               -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+               box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+       }
+
+       .dijitError .dijitValidationContainer {
+               padding: 0px;
+               width: 13px;
+               border-width: 1px;
+               display: none;
+       }
+
+       .dijitSelect.dijitSelectDisabled {
+               background-color: #eeeeee;
+       }
+
+       .dijitSelect.dijitSelectDisabled .dijitSelectLabel {
+               cursor: not-allowed;
+       }
+
+       .dijitTextBox.dijitTextBoxDisabled,
+       .dijitTextBox.dijitTextBoxDisabled .dijitInputInner,
+       .dijitTextBox.dijitReadOnly,
+       .dijitTextBox.dijitReadOnly .dijitInputInner {
+               cursor: not-allowed;
+               background-color: #eeeeee;
+       }
+
+       .dijitToolbar .dijitDownArrowButton.dijitSelect {
+               border-color: rgba(0, 0, 0, 0.1);
+       }
+
+       .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
+               padding: 2px 2px 0px 4px;
+       }
+
+       .dijitToolbar .dijitDownArrowButton.dijitSelect {
+               margin: 0px;
+       }
+
+       .dijitToolbar .dijitTextBox {
+               padding: 0px;
+               margin-bottom: 0px;
+               border-radius: 0px;
+       }
+
+       /* dialog */
+
+       .dijitDialog {
+               border-radius: 6px;
+
+       }
+
+       .dijitDialog .dijitDialogCloseIcon {
+               margin-top: 5px;
+       }
+
+       .dijitDialog .dijitDialogTitleBar {
+               background: white;
+               padding: 8px;
+               font-weight: 600;
+               color: #555;
+               font-size: 16px;
+               text-rendering: optimizelegibility;
+               font-family: "Segoe WP Semibold", "Segoe UI Semibold",
+                       "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
+                       Helvetica, Arial, sans-serif;
+       }
+
+       .dijitDialog .dijitDialogPaneContent {
+               border-color: #ddd;
+               padding: 10px;
+       }
+
+       .dijitProgressBar.dijitProgressBarEmpty {
+               background: #ddd;
+               border-color: #0088cc;
+       }
+
+       .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile {
+               background: rgb(82, 168, 236);
+
+       }
+
+       .dijitProgressBar .dijitProgressBarLabel {
+               color: white;
+       }
+
+}
\ No newline at end of file
index 3351331c008fa510f46fba15e42048d4004c6f57..376f9e63f2dd5a14166b094a56a240af1354f56a 100644 (file)
@@ -2,6 +2,6 @@ html, body#ttrssMain, body#ttrssPrefs, #main {
        width: 100%; 
        height: 100%;
        border: 0; 
-       padding: 0; 
+       padding: 0;
        margin: 0;
 } 
diff --git a/css/tt-rss.css b/css/tt-rss.css
deleted file mode 100644 (file)
index 866e95f..0000000
+++ /dev/null
@@ -1,1192 +0,0 @@
-body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
-       background : white;
-       color : black;
-       margin : 0px;
-       padding : 0px;
-       font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-       font-size: 14px;
-}
-
-body#ttrssMain {
-       overflow : hidden;
-       max-height : 100%;
-}
-
-div.postReply {
-       padding : 0px;
-}
-
-div.postReply div.postHeader {
-       padding : 5px;
-       margin-right : 4px;
-       color : #909090;
-       border-width : 0px 0px 1px 0px;
-       border-color : #ddd;
-       border-style : solid;
-}
-
-div.postReply div.postTitle {
-       overflow : hidden;
-       text-overflow: ellipsis;
-       white-space : nowrap;
-       font-weight : 600;
-       text-rendering: optimizelegibility;
-       font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-               Helvetica, Arial, sans-serif;
-}
-
-div.postReply div.postDate {
-       padding-left : 10px;
-}
-
-div.postReply div.postContent {
-       padding : 10px;
-       font-size : 16px;
-}
-
-div.postReply div.postContent img,
-div.postReply div.postContent video {
-       border-width : 0px;
-       max-width : 98%;
-       height: auto;
-}
-
-div.postReply div.postEnclosures {
-       color : #555;
-}
-
-div.postReply img.tagsPic {
-       width : 16px;
-       height : 16px;
-       margin-left : 4px;
-       vertical-align : middle;
-}
-
-div.articleNote {
-       background-color : #fff7d5;
-       padding : 5px;
-       margin : 5px;
-       border-style : solid;
-       border-color : #e7d796;
-       border-width : 1px;
-       color : #9a8c59;
-}
-
-div.articleNote div.noteEdit {
-       float : right;
-       cursor : pointer;
-}
-
-div.postReply span.author {
-       font-size : 12px;
-}
-
-h1 {
-       font-size : 18px;
-       font-weight : 600;
-       text-rendering: optimizelegibility;
-       font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-               Helvetica, Arial, sans-serif;
-}
-
-h2 {
-       font-size : 16px;
-       font-weight : 600;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #ecf4ff;
-       text-rendering: optimizelegibility;
-       font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-               Helvetica, Arial, sans-serif;
-}
-
-h3 {
-       font-size : 13px;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #ecf4ff;
-       font-weight : 600;
-       text-rendering: optimizelegibility;
-       font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-               Helvetica, Arial, sans-serif;
-}
-
-h4 {
-       font-size : 14px;
-       font-weight : 600;
-       text-rendering: optimizelegibility;
-       font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-               Helvetica, Arial, sans-serif;
-}
-
-hr {
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #ccc;
-}
-
-a {
-       color: #0088cc;
-       text-decoration: none;
-}
-
-a:hover {
-       color: #005580;
-       text-decoration: underline;
-}
-
-#piggie {
-       z-index : 999;
-       position : absolute;
-}
-
-#notify.visible {
-       transform: translate(0, -35px);
-       -webkit-transform: translate(0, -35px);
-   -o-transform: translate(0, -35px);
-   -moz-transform: translate(0, -35px);
-}
-
-#notify {
-       bottom : -35px;
-       right : 0px;
-       height : 20px;
-       left : 0px;
-       border-width : 1px 0px 0px 0px;
-       border-style : solid;
-       position : fixed;       
-       font-size : 12px;
-       z-index : 99;
-       padding : 5px;
-       box-shadow : 0px -2px 2px rgba(0,0,0,0.1);
-
-       transition: all 0.5s ease-in-out;
-       -webkit-transition: all 0.5s ease-in-out;
-   -moz-transition: all 0.5s ease-in-out;
-   -o-transition: all 0.5s ease-in-out;
-}
-
-#notify img {
-       vertical-align : middle;
-       max-height : 14px;
-}
-
-#notify span.msg {
-       width : 100%;
-}
-
-#notify img.close {
-       cursor : pointer;
-}
-
-#notify span {
-       display : table-cell;
-       vertical-align : middle;
-       padding : 2px;
-}
-
-.notify {
-       border-color : #d7c47a;
-       background-color : #fff7d5;
-}
-
-.notify.notify_progress {
-       border-color : #d7c47a;
-       background-color : #fff7d5;
-}
-
-.notify.notify_info {
-       border-color : rgb(82, 168, 236);
-       background-color : #ecf4ff;
-}
-
-.notify.notify_error {
-       background-color : #ffcccc;
-       border-color : #ff0000;
-}
-
-.hl div.hlTitle a {
-       font-weight : 600;
-       text-rendering: optimizelegibility;
-       font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
-               "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue",
-               Helvetica, Arial, sans-serif;
-       color : #777;
-}
-
-.hl.Unread div.hlTitle a {
-       color : black;
-}
-
-.hl.active div.hlTitle a {
-       color : rgb(82, 168, 236);
-       /* text-shadow : 1px 1px 2px #fff; */
-}
-
-.hl.Selected {
-       background : #f9fbff;
-}
-
-.hl.Grayed {
-       color : #909090;
-}
-
-.hl {
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #ddd;
-       padding : 1px;
-}
-
-.hl.active {
-       background : #ecf4ff ! important;
-}
-
-div.filterTestHolder {
-       height : 300px;
-       overflow : auto;
-       border-color : #ddd;
-       border-style : solid;
-       margin : 0px 0px 5px 0px;
-       border-width : 1px;
-}
-
-
-#content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
-       margin : 5px 0px 5px 0px;
-       color : #555;
-       padding-left : 10px;
-       border-width : 0px 0px 0px 4px;
-       border-color : #ccc;
-       border-style : solid;
-}
-
-#content-insert code, #headlines-frame code, .dijitContentPane code {
-       color : #009900;
-       font-family : monospace;
-       font-size : 12px;
-}
-
-#content-insert pre, #headlines-frame pre, .dijitContentPane pre {
-       margin: 5px 0px 5px 0px;
-       padding: 10px;
-       color: #555;
-       font-family: monospace;
-       font-size: 12px;
-       border-width: 0px;
-       border-color: #ccc;
-       border-style: solid;
-       background: #f5f5f5;
-       display: block;
-       max-width: 98%;
-       overflow: auto;
-}
-
-.alert {
-       padding: 8px 35px 8px 14px;
-       margin-bottom: 10px;
-       text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-       background-color: #fcf8e3;
-       border: 1px solid #fbeed5;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       border-radius: 4px;
-}
-
-.alert,
-.alert h4 {
-       color: #c09853;
-}
-
-.alert h4 {
-       margin: 0;
-}
-
-.alert .close {
-       position: relative;
-       top: -2px;
-       right: -21px;
-       line-height: 20px;
-       cursor : pointer;
-}
-
-.alert-success {
-       color: #468847;
-       background-color: #dff0d8;
-       border-color: #d6e9c6;
-}
-
-.alert-success h4 {
-       color: #468847;
-}
-
-.alert-danger,
-.alert-error {
-       color: #b94a48;
-       background-color: #f2dede;
-       border-color: #eed3d7;
-}
-
-.alert-danger h4,
-.alert-error h4 {
-       color: #b94a48;
-}
-
-.alert-info {
-       color: #3a87ad;
-       background-color: #d9edf7;
-       border-color: #bce8f1;
-}
-
-.alert-info h4 {
-       color: #3a87ad;
-}
-
-ul.nomarks {
-       list-style-type : none;
-       margin : 0px;
-       padding : 10px; 
-}
-
-div.prefHelp {
-       color : #555;
-       padding : 5px;
-}
-
-.insensitive {
-       color : #555;
-}
-
-.small {
-       font-size : 11px;
-}
-
-#main-toolbar > * {
-       white-space : nowrap;
-       display : table-cell;
-       color : #999;
-       overflow : hidden;
-}
-
-#main-toolbar > *,
-#main-toolbar table *,
-#main-toolbar .actionChooser * {
-       text-rendering: optimizelegibility;
-       font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue",
-               Helvetica, Arial, sans-serif;
-       font-size : 12px;
-
-}
-
-#main-toolbar #headlines-toolbar {
-       padding-right : 4px;
-       width : 100%;
-}
-
-#main-toolbar #headlines-toolbar span.holder {
-       display : table;
-       width : 100%;
-}
-
-#main-toolbar #headlines-toolbar span.holder > * {
-       display : table-cell;
-}
-
-#main-toolbar #headlines-toolbar .main {
-       text-align : right;
-}
-
-#main-toolbar #headlines-toolbar .main,
-#main-toolbar #headlines-toolbar .r {
-       line-height : 24px;
-}
-
-#headlines-toolbar span.r img {
-       margin-right : 4px;
-       position : relative;
-       top : 3px;
-}
-
-#headlines-toolbar span.r .error a {
-       color : red;
-}
-
-#main-toolbar #selected_prompt {
-       font-style : italic;
-       text-align : right;
-       margin-right : 4px;
-}
-
-@media (max-width: 992px) {
-       #main-toolbar #selected_prompt {
-               display : none;
-       }
-}
-
-span.contentPreview {
-       color : #999;
-       font-weight : normal;
-       font-size : 12px;
-       padding-left : 4px;
-}
-
-span.hlLabelRef {
-       background-color : #fff7d5;     
-       font-size : 8px;
-       color : #063064;
-       font-weight : normal;
-       margin-left : 2px;
-       padding : 1px 4px 1px 4px;
-       display : inline-block;
-       vertical-align : middle;
-       white-space: nowrap;
-       border-radius : 4px; 
-}
-
-div.postHeader div.postDate {
-       text-align : right;
-       color : #909090;
-       float : right;
-}
-
-div.postHeader div {
-       padding-bottom : 3px;
-}
-
-#feedUpdateErrors {
-       display : none;
-}
-
-#allEntryTags {
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #ddd;
-       padding-bottom : 5px;
-       display : none;
-}
-
-img.markedPic, img.pubPic {
-       cursor : pointer;
-       vertical-align : middle;
-       opacity : 0.5;
-       -webkit-transition : opacity 0.25s;
-       transition : opacity 0.25s;
-}
-
-img.markedPic:hover, img.pubPic:hover {
-       opacity : 1;
-}
-
-img[src*='pub_set.png'], img[src*='mark_set.png'] {
-       opacity : 1;
-}
-
-div.tagCloudContainer {
-       border : 1px solid #ddd;
-       margin : 5px 0px 5px 0px;
-       padding : 5px;
-       text-align : center;
-}
-
-div.errorExplained {
-       border : 1px solid #ddd;
-       margin : 5px 0px 5px 0px;
-       padding : 5px;
-}
-
-ul.feedErrorsList {
-       max-height : 300px;
-       overflow : auto;
-       list-style-type : none;
-       border : 1px solid #ddd;
-       margin : 0px 0px 5px 0px;
-       padding : 5px;
-}
-
-ul.feedErrorsList em {
-       color : #555;
-}
-
-ul.browseFeedList {
-       height : 300px;
-       overflow : auto;
-       border-width : 0px 1px 1px 1px;
-       border-color : #ddd;
-       border-style : solid;
-       margin : 0px 0px 5px 0px;
-       background-color : white;
-       list-style-type : none;
-       padding : 0px;
-
-}
-
-ul.browseFeedList li {
-       margin : 0px;
-       padding : 2px 4px 2px 4px;
-}
-
-span.subscribers {
-       color : #808080;
-}
-
-div.subscribers {
-       color : #808080;
-       font-size : 12px;
-       float : right;
-}
-
-div.browserDetails {
-       margin : 5px 5px 5px 5px;
-       padding : 5px;
-}
-
-ul.compact {
-       list-style-type : none;
-       margin : 0px;
-       padding : 0px;
-}
-
-ul.compact li {
-       margin : 0px;
-       padding : 0px;
-}
-
-.noborder {
-       border-width : 0px;
-}
-
-#overlay {
-       background : white;
-       left : 0;
-       top : 0;
-       height : 100%;
-       width : 100%;
-       z-index : 100;
-       position : absolute;
-}
-
-#overlay_inner {
-       font-weight : bold;
-       margin : 1em;
-}
-
-form {
-       margin : 0px;
-       padding : 0px;
-}
-
-div.loadingPrompt {
-       padding : 1em;
-       text-align : center;
-       font-weight : bold;
-}
-
-div.whiteBox {
-       margin-left : 1px;
-       text-align : center;
-       padding : 1em 1em 0px 1em;
-       font-size : 11px;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #ddd;
-}
-
-div.autocomplete {
-       position : absolute;
-       width : 250px;
-       background-color : white;
-       border :1px solid #778899;
-       margin : 0px;
-       padding : 0px;
-}
-
-div.autocomplete ul {
-       list-style-type : none;
-       margin : 0px;
-       padding : 0px;
-}
-
-div.autocomplete ul li.selected { 
-       background-color : #fff7d5;
-}
-
-div.autocomplete ul li {
-       list-style-type : none;
-       display : block;
-       margin : 0;
-       padding : 2px;
-       height : 32px;
-       cursor : pointer;
-}
-
-.hl .hlTitle {
-       overflow : hidden;
-       white-space : nowrap;
-       max-width : 500px;
-       text-overflow : ellipsis;
-       padding-left : 6px;
-       padding-right : 6px;
-}
-
-div#headlines-frame.wide .hlTitle {
-       max-width : auto;
-       overflow : visible;
-       white-space : normal;
-}
-
-div#headlines-frame.wide .hl .hlFeed {
-       display : none;
-}
-
-.hl a.title.high, span.hlContent.high .contentPreview {
-       color : #00aa00;
-}
-.hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview {
-       color : #00dd00;
-}
-
-.hl a.title.low, span.hlContent.low .contentPreview,
-.hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview {
-       color : #909090;
-       text-decoration : line-through;
-}
-
-img.hlScorePic {
-       vertical-align : middle;
-       width : 16px;
-       height : 16px;
-}
-
-div.dlgSec {
-       font-size : 12px;
-       color : #555;
-       font-weight : bold;
-       clear : both;
-       height : 20px;
-}
-
-div.dlgSecCont {
-       position : relative;
-       left : 150px;
-       top : -20px;
-       float : left;
-       font-size : 12px;
-       font-weight : normal;
-}
-
-div.dlgSecCont hr, div.dlgSecSimple hr {
-       height : 0px;
-       line-height : 0px;
-       border : 0px solid transparent;
-       margin : 2px;
-}
-
-div.dlgSecCont > * {
-       position : relative;
-       top : -2px;
-}
-
-div.dlgButtons {
-       text-align : right;
-       clear : both;
-}
-
-span.labelColorIndicator {
-       height : 16px;
-       width : 16px;
-       border-radius : 4px;
-       line-height : 14px;
-       vertical-align : middle;
-       font-size : 9px;
-       display : inline-block;
-       border : 1px solid #ccc;
-       background-color : #fff7d5;     
-       color : #063064;
-       text-align : center;
-}
-
-div#cmdline {
-       position : absolute;
-       left : 5px;
-       bottom : 5px;
-       font-size : 11px;
-       color : #555;
-       font-weight : bold;
-       background-color : white;
-       border : 1px solid rgb(82, 168, 236);
-       padding : 3px 5px 3px 5px;
-       z-index : 5;
-}
-
-#feed_browser_spinner {
-       vertical-align : middle;
-       height : 18px;
-       width : 18px;
-}
-
-div.hlTitle {
-       display : table-cell;
-       cursor : pointer;
-       width : 100%;
-       vertical-align : middle;
-       padding-top : 4px;
-       padding-bottom : 4px;
-}
-
-div.hlLeft {
-       display : table-cell;
-       vertical-align : middle;
-       white-space: nowrap;
-}
-
-div.hlRight {
-       display : table-cell;
-       white-space: nowrap;
-       text-align : right;
-       vertical-align : middle;
-}
-
-div.hlRight img {
-       max-width : 16px;
-       max-height : 16px;
-}
-
-.hl span.hlFeed {
-       display : table-cell;
-       vertical-align : middle;
-       text-align : right;
-}
-
-.hl span.hlFeed a {
-       border-radius : 4px;
-       display : inline-block;
-       padding : 1px 4px 1px 4px;
-       font-size : 11px;
-       font-style : italic;
-       font-weight : normal;
-       color : #555;
-       white-space : nowrap;
-}
-
-.hl span.hlFeed a:hover {
-       color : rgb(82, 168, 236);
-}
-
-.hl span.hlUpdated {
-       color : #555;
-       display : table-cell;
-       vertical-align : middle;
-       text-align : right;
-       font-size : 11px;
-       white-space : nowrap;
-       padding-left : 10px;
-}
-
-span.hlUpdated div {
-       display : inline-block;
-}
-
-div.hlLeft {
-       padding-left : 8px;
-}
-
-div.hlLeft input {
-       margin-left : 4px;
-       margin-right : 4px;
-}
-
-div.hlLeft img, div.hlRight img {
-       margin : 0px 4px;
-}
-
-div.hlLeft img {
-       width : 16px;
-       height : 16px;
-}
-
-div.fatalError {
-       margin-bottom : 10px;
-}
-
-div.fatalError button {
-       margin-top : 5px;
-}
-
-div.fatalError textarea {
-       width : 565px;
-       height : 200px;
-}
-
-#ttrssMain #main {
-       border-width : 0px;
-       margin : 0px;
-       padding : 0px;
-}
-
-#header-wrap {
-       border-width : 0px;
-       margin : 0px;
-       padding : 0px;
-}
-
-#content-wrap {
-       padding : 0px;
-       border-width : 0px;
-       margin : 0px;
-}
-
-#feeds-holder {
-       padding : 0px;
-       border-width : 0px 0px 0px 0px;
-       border-style : solid;
-       border-color : #ddd;
-       overflow : hidden;
-       background : #f5f5f5;
-       box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
-       -webkit-overflow-scrolling : touch;
-}
-
-#headlines-wrap-inner {
-       padding : 0px;
-       margin : 0px;
-       border-width : 0px;
-}
-
-#headlines-frame {
-       padding : 0px;
-       border-width : 0px;
-       border-color : #ddd;
-       margin-top : 0px;
-       -webkit-overflow-scrolling : touch;
-}
-
-#headlines-toolbar_splitter, #toolbar_splitter {
-       display : none;
-}
-
-#toolbar {
-       padding : 0px;
-       margin : 0px;
-       border-width : 0px;
-       white-space: nowrap;
-       font-size : 12px;
-}
-
-#main-toolbar {
-       background : white;
-       border-width : 0px 0px 1px 0px;
-       border-color : #ddd;
-       border-style : solid;
-       padding-left : 4px;
-       height : 26px;
-
-}
-
-#header {
-       border-width : 0px;
-       text-align : right;
-       color : #555;
-       padding : 5px 5px 0px 0px;
-       margin : 0px;
-       position : absolute;
-       right : 0px;
-       top : 0px;
-       z-index : 5;
-}
-
-#footer {
-       text-align : center;
-       color : #555;
-       padding : 4px 4px 8px 4px;
-       border-width : 0px;
-}
-
-#content-insert {
-       padding : 0px;
-       border-color : #ddd;
-       border-width : 0px;
-       line-height: 1.5;
-       font-size : 15px;
-       overflow : auto;
-       -webkit-overflow-scrolling : touch;
-}
-
-#feedTree .dijitTreeRow .dijitTreeLabel.Unread {
-       font-weight : bold;
-}
-
-#feedTree .dijitTreeRow.Error .dijitTreeLabel {
-       color : red;
-}
-
-img.feedIcon, img.tinyFeedIcon {
-       width : 16px;
-       height : 16px;
-       line-height : 16px;
-       vertical-align : middle;
-       display : inline-block;
-}
-
-.player {
-       display : inline-block;
-       color : #555;
-       font-size : 11px;
-       font-family : sans-serif;
-       border : 1px solid #555;
-       padding : 0px 4px 0px 4px;
-       margin : 0px 2px 0px 2px;
-       width : 50px;
-       text-align : center;
-       background : white;
-}
-
-.player.playing {
-       color : #00c000;
-       border-color : #00c000;
-}
-
-.player:hover {
-       background : #f0f0f0;
-       cursor : pointer;
-}
-
-#headlines-spacer {
-       height : 100%;
-       margin-left : 1px;
-       text-align : center;
-       color : #555;
-       font-size : 11px;
-       font-style : italic;
-}
-
-#headlines-spacer a, #headlines-spacer span {
-       color : #555;
-       padding : 10px;
-       display : block;
-}
-
-#headlines-spacer a:hover {
-       color : rgb(82, 168, 236);
-}
-
-ul#filterDlg_Matches, ul#filterDlg_Actions {
-       max-height : 100px;
-       overflow : auto;
-       list-style-type : none;
-       border-style : solid;
-       border-color : #ddd;
-       border-width : 0px 1px 1px 1px;
-       background-color : white;
-       margin : 0px 0px 5px 0px;
-       padding : 0px;
-}
-
-ul#filterDlg_Matches li, ul#filterDlg_Actions li {
-       cursor : pointer;
-       padding : 0px 0px 0px 5px;
-}
-
-ul.helpKbList {
-       max-height : 300px;
-       overflow : auto;
-       list-style-type : none;
-       border : 1px solid #ddd;
-       margin : 0px 0px 5px 0px;
-       padding : 5px;
-}
-
-ul.helpKbList span.hksequence {
-       width : 6em;
-       margin-left : 20px;
-       color : rgb(82, 168, 236);
-       font-weight : bold;
-       display : inline-block;
-}
-
-ul.helpKbList h2 {
-       margin-top : 0px;
-}
-
-span.collapseBtn {
-       cursor : pointer;
-}
-
-span.collapseBtn img {
-       vertical-align : middle;
-}
-
-div.postContent h1 {
-       font-size : 16px;
-}
-
-div.postContent h2,
-div.postContent h3,
-div.postContent h4 {
-       font-size : 15px;
-}
-
-div.postContent p {
-       /*max-width : 650px;*/
-       -webkit-hyphens: auto;
-       -moz-hyphens: auto;
-       hyphens: auto;
-}
-
-div.postContent iframe {
-       min-width : 50%;
-       max-width : 98%;
-}
-
-div.postHeader span.author {
-       color : #555;
-       font-size : 11px;
-       font-weight : normal;
-}
-
-select.attachments {
-       display : block;
-       margin-top : 10px;
-       max-width : 120px;
-}
-
-#selected_prompt {
-       margin-right : 25px;
-       vertical-align  : middle;
-}
-
-span.sel_links {
-       margin-right : 4px;
-       vertical-align  : middle;
-}
-
-/*#feedTree img.feedIcon {
-       position : relative;
-       top : -2px;
-}*/
-
-body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
-       box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
-       border-right-color : white;
-}
-
-body#ttrssMain #feedTree.dijitTree .dijitTreeContainer {
-       max-width : 100%;
-}
-
-body#ttrssMain #feedTree.dijitTree .dijitTreeRow {
-       overflow: hidden;
-       text-overflow: ellipsis;
-}
-
-body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow {
-       padding : 4px 0px 4px;
-       border-width : 1px;
-       color : #333;
-}
-
-body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon {
-       position : relative;
-       top : -2px;
-}
-
-#filterDlg_feeds select {
-       height : 150px;
-       width : 410px;
-}
-
-ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
-       margin-right : 5px;
-}
-
-body#ttrssMain #feedTree { 
-       height : 100%;
-       overflow-x : hidden;
-       text-rendering: optimizelegibility;
-       font-family : "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue",
-               Helvetica, Arial, sans-serif;
-}
-
-body#ttrssMain #feedTree .counterNode.aux {
-       background : #f0f0f0;
-       color : #999;
-       border-color : #f0f0f0;
-}
-
-body#ttrssMain #feedTree .counterNode {
-       font-weight : bold;
-       display : inline-block;
-       font-size : 9px;
-       text-align : center;
-       border : 1px solid rgb(82, 168, 236);
-       color : white;
-       background : rgb(82, 168, 236);
-       border-radius : 4px;
-       vertical-align : middle;
-       float : right;
-       position : relative;
-       line-height : 14px;
-       margin-right : 8px;
-       margin-top : 2px;
-       min-width : 23px;
-       height : 14px;
-}
-
-body#ttrssMain #feedTree .dijitTreeNode .loadingExpando {
-       left : -3px;
-       height : 22px;
-       position : relative;
-       top : -3px;
-}
-
-
-span.highlight {
-       background-color : #ffff00;
-       color : #cc90cc;
-}
-
-div.enclosure_title {
-
-}
-
-body#ttrssMain #headlines-frame .dijitCheckBox {
-       border-width : 0px;
-       opacity : 0.5;
-}
-
-body#ttrssMain #headlines-frame .dijitCheckBoxHover,
-body#ttrssMain #headlines-frame .dijitCheckBoxChecked {
-       opacity : 1;
-}
-
-body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
-       width : 16px;
-       height : 16px;
-       vertical-align : middle;
-       position : relative;
-} 
-
-#headlines-frame {
-       -webkit-transform: translateZ(0);
-       -webkit-backface-visibility: hidden;
-}
-
-:focus {
-       outline: none; 
-}
-
-.dijitDropDownButton.attachments .dijitButtonText {
-       font-size : 12px;
-}
-
-.dijitDropDownButton.attachments {
-       display : inline-block;
-}
-
-#editTagsDlg{
-       overflow: visible;
-}
\ No newline at end of file
index 5a6519306cb8804653c539856568c12b862742e7..75c4141dc0ca1d30ce453e13555c52e1e8f5f3c1 100644 (file)
@@ -1,8 +1,11 @@
-@fonts-ui: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold",  "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
+@fonts-ui-bold: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
+@fonts-ui:  "Segoe UI Web", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
+
 @color-accent: rgb(82, 168, 236);
 @color-accent-light: #ecf4ff;
+@color-link: #0088cc;
 
-body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
+body {
        background : white;
        color : black;
        margin : 0px;
@@ -16,6 +19,10 @@ body#ttrssMain {
        max-height : 100%;
 }
 
+:focus {
+       outline: none;
+}
+
 div.postReply {
        padding : 0px;
 
@@ -23,9 +30,24 @@ div.postReply {
                padding : 5px;
                margin-right : 4px;
                color : #909090;
-               border-width : 0px 0px 1px 0px;
-               border-color : #ddd;
-               border-style : solid;
+               border: 0px solid #ddd;
+               border-bottom-width: 1px;
+
+               div.postDate {
+                       text-align : right;
+                       color : #909090;
+                       float : right;
+               }
+
+               div {
+                       padding-bottom : 3px;
+               }
+
+               span.author {
+                       color : #555;
+                       font-size : 11px;
+                       font-weight : normal;
+               }
        }
 
        div.postTitle {
@@ -34,7 +56,7 @@ div.postReply {
                white-space : nowrap;
                font-weight : 600;
                text-rendering: optimizelegibility;
-               font-family : @fonts-ui;
+               font-family : @fonts-ui-bold;
        }
 
        div.postDate {
@@ -44,13 +66,32 @@ div.postReply {
        div.postContent {
                padding : 10px;
                font-size : 16px;
-       }
 
-       div.postContent img,
-       div.postContent video {
-               border-width : 0px;
-               max-width : 98%;
-               height: auto;
+               img,
+               video {
+                       border-width : 0px;
+                       max-width : 98%;
+                       height: auto;
+               }
+
+               h1 {
+                       font-size : 16px;
+               }
+
+               h2,
+               h3,
+               h4 {
+                       font-size : 15px;
+               }
+
+               p {
+                       hyphens: auto;
+               }
+
+               iframe {
+                       min-width : 50%;
+                       max-width : 98%;
+               }
        }
 
        div.postEnclosures {
@@ -73,9 +114,7 @@ div.articleNote {
        background-color : #fff7d5;
        padding : 5px;
        margin : 5px;
-       border-style : solid;
-       border-color : #e7d796;
-       border-width : 1px;
+       border: 1px solid #e7d796;
        color : #9a8c59;
 
        div.noteEdit {
@@ -122,12 +161,12 @@ hr {
 }
 
 a {
-       color: #0088cc;
+       color: @color-link;
        text-decoration: none;
 }
 
 a:hover {
-       color: #005580;
+       color: darken(@color-link, 20%);
        text-decoration: underline;
 }
 
@@ -149,9 +188,6 @@ a:hover {
        box-shadow : 0px -2px 2px rgba(0,0,0,0.1);
 
        transition: all 0.5s ease-in-out;
-       -webkit-transition: all 0.5s ease-in-out;
-   -moz-transition: all 0.5s ease-in-out;
-   -o-transition: all 0.5s ease-in-out;
 
        img {
                vertical-align : middle;
@@ -198,6 +234,89 @@ a:hover {
        border-bottom-width: 1px;
        padding : 1px;
 
+       div.hlTitle {
+               display : table-cell;
+               cursor : pointer;
+               width : 100%;
+               vertical-align : middle;
+               overflow : hidden;
+               white-space : nowrap;
+               max-width : 500px;
+               text-overflow : ellipsis;
+               padding: 4px 6px;
+       }
+
+       div.hlLeft {
+               display : table-cell;
+               vertical-align : middle;
+               white-space: nowrap;
+       }
+
+       div.hlRight {
+               display : table-cell;
+               white-space: nowrap;
+               text-align : right;
+               vertical-align : middle;
+       }
+
+       div.hlRight img {
+               max-width : 16px;
+               max-height : 16px;
+       }
+
+       span.hlFeed {
+               display : table-cell;
+               vertical-align : middle;
+               text-align : right;
+       }
+
+       span.hlFeed a {
+               border-radius : 4px;
+               display : inline-block;
+               padding : 1px 4px 1px 4px;
+               font-size : 11px;
+               font-style : italic;
+               font-weight : normal;
+               color : #555;
+               white-space : nowrap;
+       }
+
+       span.hlFeed a:hover {
+               color : @color-accent;
+       }
+
+       span.hlUpdated {
+               color : #555;
+               display : table-cell;
+               vertical-align : middle;
+               text-align : right;
+               font-size : 11px;
+               white-space : nowrap;
+               padding-left : 10px;
+       }
+
+       span.hlUpdated div {
+               display : inline-block;
+       }
+
+       div.hlLeft {
+               padding-left : 8px;
+       }
+
+       div.hlLeft input {
+               margin-left : 4px;
+               margin-right : 4px;
+       }
+
+       div.hlLeft img, div.hlRight img {
+               margin : 0px 4px;
+       }
+
+       div.hlLeft img {
+               width : 16px;
+               height : 16px;
+       }
+
        div.hlTitle a {
                font-weight : 600;
                text-rendering: optimizelegibility;
@@ -205,15 +324,6 @@ a:hover {
                color : #777;
        }
 
-       .hlTitle {
-               overflow : hidden;
-               white-space : nowrap;
-               max-width : 500px;
-               text-overflow : ellipsis;
-               padding-left : 6px;
-               padding-right : 6px;
-       }
-
        a.title.high, span.hlContent.high .contentPreview {
                color : #00aa00;
        }
@@ -455,38 +565,10 @@ span.hlLabelRef {
        border-radius : 4px; 
 }
 
-.postHeader {
-
-       div.postDate {
-               text-align : right;
-               color : #909090;
-               float : right;
-       }
-
-       div {
-               padding-bottom : 3px;
-       }
-
-}
-
-
-#feedUpdateErrors {
-       display : none;
-}
-
-#allEntryTags {
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #ddd;
-       padding-bottom : 5px;
-       display : none;
-}
-
 img.markedPic, img.pubPic {
        cursor : pointer;
        vertical-align : middle;
        opacity : 0.5;
-       -webkit-transition : opacity 0.25s;
        transition : opacity 0.25s;
 }
 
@@ -543,21 +625,10 @@ ul.browseFeedList {
 }
 
 
-span.subscribers {
+.browseFeedList span.subscribers {
        color : #808080;
 }
 
-div.subscribers {
-       color : #808080;
-       font-size : 12px;
-       float : right;
-}
-
-div.browserDetails {
-       margin : 5px 5px 5px 5px;
-       padding : 5px;
-}
-
 ul.compact {
        list-style-type : none;
        margin : 0px;
@@ -604,9 +675,8 @@ div.whiteBox {
        text-align : center;
        padding : 1em 1em 0px 1em;
        font-size : 11px;
-       border-width : 0px 0px 1px 0px;
-       border-style : solid;
-       border-color : #ddd;
+       border: 0px solid #ddd;
+       border-bottom-width: 1px;
 }
 
 div.autocomplete {
@@ -639,7 +709,7 @@ div.autocomplete {
 
 
 div#headlines-frame.wide .hlTitle {
-       max-width : auto;
+       max-width : none;
        overflow : visible;
        white-space : normal;
 }
@@ -669,6 +739,11 @@ div.dlgSecCont {
        float : left;
        font-size : 12px;
        font-weight : normal;
+
+       > * {
+               position : relative;
+               top : -2px;
+       }
 }
 
 div.dlgSecCont hr, div.dlgSecSimple hr {
@@ -678,11 +753,6 @@ div.dlgSecCont hr, div.dlgSecSimple hr {
        margin : 2px;
 }
 
-div.dlgSecCont > * {
-       position : relative;
-       top : -2px;
-}
-
 div.dlgButtons {
        text-align : right;
        clear : both;
@@ -721,97 +791,17 @@ div#cmdline {
        width : 18px;
 }
 
-div.hlTitle {
-       display : table-cell;
-       cursor : pointer;
-       width : 100%;
-       vertical-align : middle;
-       padding-top : 4px;
-       padding-bottom : 4px;
-}
-
-div.hlLeft {
-       display : table-cell;
-       vertical-align : middle;
-       white-space: nowrap;
-}
-
-div.hlRight {
-       display : table-cell;
-       white-space: nowrap;
-       text-align : right;
-       vertical-align : middle;
-}
-
-div.hlRight img {
-       max-width : 16px;
-       max-height : 16px;
-}
-
-.hl span.hlFeed {
-       display : table-cell;
-       vertical-align : middle;
-       text-align : right;
-}
-
-.hl span.hlFeed a {
-       border-radius : 4px;
-       display : inline-block;
-       padding : 1px 4px 1px 4px;
-       font-size : 11px;
-       font-style : italic;
-       font-weight : normal;
-       color : #555;
-       white-space : nowrap;
-}
-
-.hl span.hlFeed a:hover {
-       color : @color-accent;
-}
-
-.hl span.hlUpdated {
-       color : #555;
-       display : table-cell;
-       vertical-align : middle;
-       text-align : right;
-       font-size : 11px;
-       white-space : nowrap;
-       padding-left : 10px;
-}
-
-span.hlUpdated div {
-       display : inline-block;
-}
-
-div.hlLeft {
-       padding-left : 8px;
-}
-
-div.hlLeft input {
-       margin-left : 4px;
-       margin-right : 4px;
-}
-
-div.hlLeft img, div.hlRight img {
-       margin : 0px 4px;
-}
-
-div.hlLeft img {
-       width : 16px;
-       height : 16px;
-}
-
 div.fatalError {
        margin-bottom : 10px;
-}
 
-div.fatalError button {
-       margin-top : 5px;
-}
+       button {
+               margin-top : 5px;
+       }
 
-div.fatalError textarea {
-       width : 565px;
-       height : 200px;
+       textarea {
+               width : 565px;
+               height : 200px;
+       }
 }
 
 #ttrssMain #main {
@@ -834,9 +824,7 @@ div.fatalError textarea {
 
 #feeds-holder {
        padding : 0px;
-       border-width : 0px 0px 0px 0px;
-       border-style : solid;
-       border-color : #ddd;
+       border: 0px solid #ddd;
        overflow : hidden;
        background : #f5f5f5;
        box-shadow : inset -1px 0px 2px -1px rgba(0,0,0,0.1);
@@ -851,10 +839,11 @@ div.fatalError textarea {
 
 #headlines-frame {
        padding : 0px;
-       border-width : 0px;
-       border-color : #ddd;
+       border: 0px #ddd;
        margin-top : 0px;
        -webkit-overflow-scrolling : touch;
+       -webkit-transform: translateZ(0);
+       -webkit-backface-visibility: hidden;
 }
 
 #headlines-toolbar_splitter, #toolbar_splitter {
@@ -871,9 +860,8 @@ div.fatalError textarea {
 
 #main-toolbar {
        background : white;
-       border-width : 0px 0px 1px 0px;
-       border-color : #ddd;
-       border-style : solid;
+       border: 0px solid #ddd;
+       border-bottom-width: 1px;
        padding-left : 4px;
        height : 26px;
 
@@ -954,16 +942,16 @@ img.feedIcon, img.tinyFeedIcon {
        color : #555;
        font-size : 11px;
        font-style : italic;
-}
 
-#headlines-spacer a, #headlines-spacer span {
-       color : #555;
-       padding : 10px;
-       display : block;
-}
+       a, span {
+               color : #555;
+               padding : 10px;
+               display : block;
+       }
 
-#headlines-spacer a:hover {
-       color : @color-accent;
+       a:hover {
+               color : @color-accent;
+       }
 }
 
 ul#filterDlg_Matches, ul#filterDlg_Actions {
@@ -990,54 +978,26 @@ ul.helpKbList {
        border : 1px solid #ddd;
        margin : 0px 0px 5px 0px;
        padding : 5px;
-}
 
-ul.helpKbList span.hksequence {
-       width : 6em;
-       margin-left : 20px;
-       color : @color-accent;
-       font-weight : bold;
-       display : inline-block;
-}
+       span.hksequence {
+               width : 6em;
+               margin-left : 20px;
+               color : @color-accent;
+               font-weight : bold;
+               display : inline-block;
+       }
 
-ul.helpKbList h2 {
-       margin-top : 0px;
+       h2 {
+               margin-top : 0px;
+       }
 }
 
 span.collapseBtn {
        cursor : pointer;
-}
-
-span.collapseBtn img {
-       vertical-align : middle;
-}
-
-div.postContent h1 {
-       font-size : 16px;
-}
-
-div.postContent h2,
-div.postContent h3,
-div.postContent h4 {
-       font-size : 15px;
-}
-
-div.postContent p {
-       /*max-width : 650px;*/
-       -webkit-hyphens: auto;
-       -moz-hyphens: auto;
-       hyphens: auto;
-}
 
-div.postContent iframe {
-       min-width : 50%;
-       max-width : 98%;
-}
-
-div.postHeader span.author {
-       color : #555;
-       font-size : 11px;
-       font-weight : normal;
+       img {
+               vertical-align : middle;
+       }
 }
 
 select.attachments {
@@ -1051,16 +1011,6 @@ select.attachments {
        vertical-align  : middle;
 }
 
-span.sel_links {
-       margin-right : 4px;
-       vertical-align  : middle;
-}
-
-/*#feedTree img.feedIcon {
-       position : relative;
-       top : -2px;
-}*/
-
 body#ttrssMain.claro #feedTree.dijitTree .dijitTreeNode .dijitTreeRowSelected {
        box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
        border-right-color : white;
@@ -1100,40 +1050,40 @@ body#ttrssMain #feedTree {
        overflow-x : hidden;
        text-rendering: optimizelegibility;
        font-family : @fonts-ui;
-}
 
-body#ttrssMain #feedTree .counterNode.aux {
-       background : #f0f0f0;
-       color : #999;
-       border-color : #f0f0f0;
-}
+       .counterNode.aux {
+               background : #f0f0f0;
+               color : #999;
+               border-color : #f0f0f0;
+       }
 
-body#ttrssMain #feedTree .counterNode {
-       font-weight : bold;
-       display : inline-block;
-       font-size : 9px;
-       text-align : center;
-       border : 1px solid @color-accent;
-       color : white;
-       background : @color-accent;
-       border-radius : 4px;
-       vertical-align : middle;
-       float : right;
-       position : relative;
-       line-height : 14px;
-       margin-right : 8px;
-       margin-top : 2px;
-       min-width : 23px;
-       height : 14px;
-}
+       .counterNode {
+               font-weight : bold;
+               display : inline-block;
+               font-size : 9px;
+               text-align : center;
+               border : 1px solid @color-accent;
+               color : white;
+               background : @color-accent;
+               border-radius : 4px;
+               vertical-align : middle;
+               float : right;
+               position : relative;
+               line-height : 14px;
+               margin-right : 8px;
+               margin-top : 2px;
+               min-width : 23px;
+               height : 14px;
+       }
 
-body#ttrssMain #feedTree .dijitTreeNode .loadingExpando {
-       left : -3px;
-       height : 22px;
-       position : relative;
-       top : -3px;
-}
+       .dijitTreeNode .loadingExpando {
+               left : -3px;
+               height : 22px;
+               position : relative;
+               top : -3px;
+       }
 
+}
 
 span.highlight {
        background-color : #ffff00;
@@ -1161,15 +1111,6 @@ body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
        position : relative;
 } 
 
-#headlines-frame {
-       -webkit-transform: translateZ(0);
-       -webkit-backface-visibility: hidden;
-}
-
-:focus {
-       outline: none; 
-}
-
 .dijitDropDownButton.attachments .dijitButtonText {
        font-size : 12px;
 }
@@ -1180,4 +1121,112 @@ body#ttrssMain #feedTree .dijitTreeRow img.dijitTreeExpandoLeaf {
 
 #editTagsDlg{
        overflow: visible;
-}
\ No newline at end of file
+}
+
+body#ttrssZoom {
+       margin-left : auto;
+       margin-right : auto;
+       padding : 20px;
+       max-width : 770px;
+       background : #f5f5f5;
+
+       div.postHeader div.postFeedTitle {
+               float : left;
+               text-align : right;
+               padding-left : 0px;
+               font-size : 11px;
+       }
+
+       div.postHeader a.postComments {
+               text-align : right;
+               padding-left : 0px;
+               font-size : 11px;
+       }
+
+       div.postHeader div.postDate {
+               float : none;
+               text-align : right;
+               padding-left : 0px;
+               color : #777;
+               font-size : 11px;
+       }
+
+       div.postHeader div.postTags {
+               color : #777;
+               font-size : 11px;
+       }
+
+       div.postHeader div.postTitle {
+               white-space : normal;
+               font-size : 16px;
+       }
+
+       div.postContent {
+               font-size : 15px;
+               line-height : 1.5;
+       }
+
+       div.postContent p {
+               -webkit-hyphens: auto;
+               -moz-hyphens: auto;
+               hyphens: auto;
+       }
+
+       div.postHeader {
+               margin : 10px;
+               border-width : 0px 0px 1px 0px;
+               border-style : solid;
+               border-color : #eee;
+               background : white;
+       }
+
+       div.postReply {
+               border : 1px solid #ddd;
+               background : white;
+               box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
+               border-radius : 6px;
+       }
+
+       div.footer {
+               margin-top : 1em;
+               text-align : center;
+       }
+
+       div.postContent img {
+               max-width : 730px;
+               height : auto;
+       }
+
+       div.postContent blockquote {
+               margin : 5px 0px 5px 0px;
+               color : #555;
+               padding-left : 10px;
+               border-width : 0px 0px 0px 4px;
+               border-color : #ccc;
+               border-style : solid;
+       }
+
+       div.postContent code {
+               color : #009900;
+               font-family : monospace;
+               font-size : 12px;
+       }
+
+       div.postContent pre {
+               margin : 5px 0px 5px 0px;
+               padding : 10px;
+               color : #555;
+               font-family : monospace;
+               font-size : 12px;
+               border-width : 0px;
+               border-color : #ccc;
+               border-style : solid;
+               background : #f5f5f5;
+               display : block;
+               max-width : 98%;
+               overflow : auto;
+       }
+
+
+}
+
index 9420e05d037f90a67abb0ab067ee95aad679f6a7..4afdb067afee9fb648c6ec171c5f6c5f4c878d9a 100644 (file)
@@ -1,5 +1,3 @@
-@import "dijit.css";
-
 body.sanity_failed {
        background : #900;
 }
index 0d956d20799c8a02595d212fc0deb84a5837e345..41c3f173e02785c4d462139ca4e6acfd4698b795 100644 (file)
@@ -3,8 +3,7 @@
 <head>
        <title>Tiny Tiny RSS : Login</title>
        <?php echo stylesheet_tag("lib/dijit/themes/claro/claro.css") ?>
-       <?php echo stylesheet_tag("css/tt-rss.css") ?>
-       <?php echo stylesheet_tag("css/dijit.css") ?>
+       <?php echo stylesheet_tag("css/default.css") ?>
        <link rel="shortcut icon" type="image/png" href="images/favicon.png">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <?php
index 8835730018ee9b407384b8c283c199cc4a1e043c..9f817db1790d6da4dd3e834170f62d1e22b21cd8 100755 (executable)
@@ -3,7 +3,7 @@
        <title>Tiny Tiny RSS - Installer</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="stylesheet" type="text/css" href="../css/utility.css">
-       <link rel="stylesheet" type="text/css" href="../css/dijit.css">
+       <link rel="stylesheet" type="text/css" href="../css/default.css">
        <style type="text/css">
        textarea { font-size : 12px; }
        </style>
index a6f42c65df865aaf49ea2abf84961c1e2f915ee3..11f5d9284190d758f289a0c64e80e0b840a24eb2 100644 (file)
@@ -96,7 +96,7 @@
 <title>Create new account</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <?php echo stylesheet_tag("css/utility.css") ?>
-<?php echo stylesheet_tag("css/dijit.css") ?>
+<?php echo stylesheet_tag("css/default.css") ?>
 <?php echo javascript_tag("js/functions.js") ?>
 <?php echo javascript_tag("lib/prototype.js") ?>
 <?php echo javascript_tag("lib/scriptaculous/scriptaculous.js?load=effects,controls") ?>
index db131e34cc43221569e1b10f7455b43137de194e..48ca8075225873eb94e011db552e064a3368abad 100644 (file)
@@ -5,10 +5,6 @@
                return "@import \"$filename?".filemtime($filename)."\";";
        }
 
-       $styles = [ "tt-rss.css", "dijit.css", "cdm.css", "prefs.css" ];
-
-       foreach ($styles as $style) {
-               print import_tag("../css/$style") . "\n";
-       }
+       print import_tag("../css/default.css") . "\n";
 ?>