font-size: 14px;
}
-body#ttrssPrefs {
- background-color : #ecf4ff;
-}
-
-body#ttrssPrefs #footer, body#ttrssPrefs #header {
- background-color : #ecf4ff;
- padding-left : 8px;
- padding-right : 8px;
+body#ttrssMain {
+ overflow : hidden;
+ max-height : 100%;
}
div.postReply {
margin-right : 4px;
color : #909090;
border-width : 0px 0px 1px 0px;
- border-color : #eee;
+ border-color : #ddd;
border-style : solid;
}
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, "DejaVu Sans", "Helvetica Neue",
+ Helvetica, Arial, sans-serif;
}
div.postReply div.postDate {
padding : 10px;
}
-div.postReply div.postContent img {
+div.postReply div.postContent img,
+div.postReply div.postContent video {
border-width : 0px;
max-width : 98%;
height: auto;
}
div.postReply div.postEnclosures {
- margin-top : 1em;
color : #555;
}
border-style : solid;
border-color : #e7d796;
border-width : 1px;
- background-color : #fff7d5;
color : #9a8c59;
}
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, "DejaVu Sans", "Helvetica Neue",
+ Helvetica, Arial, sans-serif;
}
h2 {
font-size : 16px;
- font-weight : bold;
+ 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, "DejaVu Sans", "Helvetica Neue",
+ Helvetica, Arial, sans-serif;
}
h3 {
- font-size : 12px;
- font-weight : bold;
+ 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, "DejaVu Sans", "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, "DejaVu Sans", "Helvetica Neue",
+ Helvetica, Arial, sans-serif;
}
hr {
}
a {
- color : #4684ff;
- text-decoration : none;
+ color: #0088cc;
+ text-decoration: none;
}
a:hover {
- color : #88b0f0;
+ color: #005580;
+ text-decoration: underline;
}
#piggie {
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 : 10px;
- right : 20px;
- border-width : 1px;
+ bottom : -35px;
+ right : 0px;
+ height : 20px;
+ left : 0px;
+ border-width : 1px 0px 0px 0px;
border-style : solid;
- position : absolute;
+ position : fixed;
font-size : 12px;
z-index : 99;
- max-width : 200px;
- min-width : 100px;
padding : 5px;
- -width : 200px;
+ 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 {
background-color : #fff7d5;
}
-.notify.progress {
+.notify.notify_progress {
border-color : #d7c47a;
background-color : #fff7d5;
}
-.notify.info {
- border-color : #88b0f0;
+.notify.notify_info {
+ border-color : rgb(82, 168, 236);
background-color : #ecf4ff;
}
-.notify.error {
+.notify.notify_error {
background-color : #ffcccc;
border-color : #ff0000;
}
.hl div.hlTitle a {
- font-weight : bold;
+ font-weight : 600;
+ text-rendering: optimizelegibility;
+ font-family : "Segoe WP Semibold", "Segoe UI Semibold",
+ "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
+ Helvetica, Arial, sans-serif;
color : #777;
}
}
.hl.active div.hlTitle a {
- color : #4684ff;
- text-shadow : 1px 1px 2px #fff;
+ color : rgb(82, 168, 236);
+ /* text-shadow : 1px 1px 2px #fff; */
}
.hl.Selected {
.hl {
border-width : 0px 0px 1px 0px;
border-style : solid;
- border-color : #eee;
+ border-color : #ddd;
+ padding : 1px;
}
.hl.active {
div.filterTestHolder {
height : 300px;
overflow : auto;
- border-color : #eee;
+ border-color : #ddd;
border-style : solid;
margin : 0px 0px 5px 0px;
- background-color : #f5f5f5;
border-width : 1px;
}
}
#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;
-}
-
-div.notice, div.warning, div.error {
- padding : 4px 10px 4px 4px;
- display : inline-block;
- margin : 2px 0px 4px 0px;
- font-size : 12px;
- border-style : solid;
- border-color : #ccc;
- border-width : 1px;
+ 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;
}
-div.notice div.inner, div.warning div.inner, div.error div.inner {
- vertical-align : middle;
+.alert-success {
+ color: #468847;
+ background-color: #dff0d8;
+ border-color: #d6e9c6;
}
-div.notice {
- background : #ecf4ff;
- border-color : #88b0f0;
+.alert-success h4 {
+ color: #468847;
}
-div.warning {
- background : #fff7d5;
- border-color : #e7d796;;
+.alert-danger,
+.alert-error {
+ color: #b94a48;
+ background-color: #f2dede;
+ border-color: #eed3d7;
}
-div.error {
- background : #ffcccc;
- border-color : #ff0000;
+.alert-danger h4,
+.alert-error h4 {
+ color: #b94a48;
}
-div.warning img, div.notice img, div.error img {
- margin : 4px;
- vertical-align : middle;
+.alert-info {
+ color: #3a87ad;
+ background-color: #d9edf7;
+ border-color: #bce8f1;
}
-div.warning span, div.notice span, div.error span {
- display : table-cell;
- vertical-align : middle;
-
+.alert-info h4 {
+ color: #3a87ad;
}
ul.nomarks {
color : #555;
}
+.small {
+ font-size : 11px;
+}
+
#main-toolbar > * {
white-space : nowrap;
display : table-cell;
color : #999;
- font-family : "Segoe UI", Tahoma, sans-serif;
+}
+
+#main-toolbar > *,
+#main-toolbar table *,
+#main-toolbar .actionChooser * {
+ text-rendering: optimizelegibility;
+ font-family : "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
+ Helvetica, Arial, sans-serif;
font-size : 12px;
+
}
#main-toolbar #headlines-toolbar {
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;
margin-right : 4px;
}
+@media (max-width: 992px) {
+ #main-toolbar #selected_prompt {
+ display : none;
+ }
+}
+
span.contentPreview {
color : #999;
font-weight : normal;
- text-shadow : 1px 1px 2px #fff;
- font-size : 11px;
+ font-size : 12px;
+ padding-left : 4px;
}
span.hlLabelRef {
#allEntryTags {
border-width : 0px 0px 1px 0px;
border-style : solid;
- border-color : #eee;
+ border-color : #ddd;
padding-bottom : 5px;
display : none;
}
-a.hlFeed {
- display : block;
- white-space : nowrap;
- font-size : 9px;
- font-style : italic;
- font-weight : normal;
- display : inline-block;
- padding : 1px 2px 1px 2px;
- margin-bottom : 2px;
- margin-top : 2px;
- color : #555;
-}
-
-a.hlFeed:hover {
- color : #4684ff;
-}
-
img.markedPic, img.pubPic {
cursor : pointer;
vertical-align : middle;
}
div.tagCloudContainer {
- border : 1px solid #eee;
- background-color : #f5f5f5;
+ border : 1px solid #ddd;
margin : 5px 0px 5px 0px;
padding : 5px;
text-align : center;
}
div.errorExplained {
- border : 1px solid #eee;
- background-color : #f5f5f5;
+ border : 1px solid #ddd;
margin : 5px 0px 5px 0px;
padding : 5px;
}
max-height : 300px;
overflow : auto;
list-style-type : none;
- border : 1px solid #eee;
- background-color : #f5f5f5;
+ border : 1px solid #ddd;
margin : 0px 0px 5px 0px;
padding : 5px;
}
height : 300px;
overflow : auto;
border-width : 0px 1px 1px 1px;
- border-color : #eee;
+ border-color : #ddd;
border-style : solid;
margin : 0px 0px 5px 0px;
background-color : white;
div.whiteBox {
margin-left : 1px;
text-align : center;
- padding : 1em;
+ padding : 1em 1em 0px 1em;
+ font-size : 11px;
+ border-width : 0px 0px 1px 0px;
+ border-style : solid;
+ border-color : #ddd;
}
div.autocomplete {
cursor : pointer;
}
-.hlTitle {
+.hl .hlTitle {
overflow : hidden;
white-space : nowrap;
max-width : 500px;
text-overflow : ellipsis;
+ padding-left : 6px;
+ padding-right : 6px;
}
div#headlines-frame.wide .hlTitle {
white-space : normal;
}
+div#headlines-frame.wide .hl .hlFeed {
+ display : none;
+}
+
.hl a.title.high, span.hlContent.high .contentPreview {
color : #00aa00;
}
font-weight : normal;
}
-div.dlgSecCont hr {
+div.dlgSecCont hr, div.dlgSecSimple hr {
height : 0px;
line-height : 0px;
border : 0px solid transparent;
color : #555;
font-weight : bold;
background-color : white;
- border : 1px solid #88b0f0;
+ border : 1px solid rgb(82, 168, 236);
padding : 3px 5px 3px 5px;
z-index : 5;
}
max-height : 16px;
}
-span.hlUpdated {
+.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;
- min-width : 100px;
display : table-cell;
- width : 100%;
vertical-align : middle;
text-align : right;
- font-size : 10px;
+ font-size : 11px;
+ white-space : nowrap;
+ padding-left : 10px;
+}
+
+span.hlUpdated div {
+ display : inline-block;
}
div.hlLeft {
#content-wrap {
padding : 0px;
border-width : 0px;
- border-style : solid;
- border-color : #eee;
margin : 0px;
}
#feeds-holder {
padding : 0px;
- border-width : 0px 1px 0px 0px;
+ border-width : 0px 0px 0px 0px;
border-style : solid;
- border-color : #eee;
+ 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 {
#headlines-frame {
padding : 0px;
- border-color : #eee;
- border-style : solid;
border-width : 0px;
+ border-color : #ddd;
margin-top : 0px;
+ -webkit-overflow-scrolling : touch;
}
#headlines-toolbar_splitter, #toolbar_splitter {
#main-toolbar {
background : white;
border-width : 0px 0px 1px 0px;
- border-color : #eee;
+ border-color : #ddd;
border-style : solid;
padding-left : 4px;
height : 26px;
#content-insert {
padding : 0px;
- border-color : #eee;
+ border-color : #ddd;
border-width : 0px;
- line-height: 20px;
+ line-height: 1.5;
+ font-size : 15px;
overflow : auto;
+ -webkit-overflow-scrolling : touch;
}
#feedTree .dijitTreeRow .dijitTreeLabel.Unread {
height : 100%;
margin-left : 1px;
text-align : center;
- padding : 1em;
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 : #eee;
+ border-color : #ddd;
border-width : 0px 1px 1px 1px;
background-color : white;
margin : 0px 0px 5px 0px;
max-height : 300px;
overflow : auto;
list-style-type : none;
- border : 1px solid #eee;
- background-color : #f5f5f5;
+ border : 1px solid #ddd;
margin : 0px 0px 5px 0px;
padding : 5px;
}
ul.helpKbList span.hksequence {
width : 6em;
margin-left : 20px;
- color : #88b0f0;
+ color : rgb(82, 168, 236);
font-weight : bold;
display : inline-block;
}
cursor : pointer;
}
+div.postContent h1 {
+ font-size : 16px;
+}
+
+div.postContent h2,
+div.postContent h3,
+div.postContent h4 {
+ font-size : 15px;
+}
+
div.postContent p {
- max-width : 650px;
+ /*max-width : 650px;*/
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
div.postContent iframe {
min-width : 50%;
+ max-width : 98%;
}
div.postHeader span.author {
#selected_prompt {
margin-right : 25px;
+ vertical-align : middle;
}
-#feedTree img.feedIcon {
+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 .dijitTreeRow {
+body#ttrssMain #feedTree.dijitTree .dijitTreeNode .dijitTreeRow {
padding : 2px 0px 2px;
height : 22px;
border-width : 1px;
color : #333;
}
+body#ttrssMain #feedTree.dijitTree img.tinyFeedIcon {
+ position : relative;
+ top : -2px;
+}
+
ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
margin-right : 5px;
}
body#ttrssMain #feedTree {
height : 100%;
overflow-x : hidden;
- font-family : "Segoe UI", Tahoma, sans-serif;
+ text-rendering: optimizelegibility;
+ font-family : "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
+ Helvetica, Arial, sans-serif;
}
body#ttrssMain #feedTree .counterNode.aux {
display : inline-block;
font-size : 9px;
text-align : center;
- border : 1px solid #88b0f0;
+ border : 1px solid rgb(82, 168, 236);
color : white;
- background : #88b0f0;
+ background : rgb(82, 168, 236);
border-radius : 4px;
vertical-align : middle;
float : right;
height : 14px;
}
-#feedTree img[src*='indicator_white.gif'] {
+body#ttrssMain #feedTree .dijitTreeNode .loadingExpando {
+ left : -3px;
+ height : 22px;
position : relative;
top : -2px;
}
+
span.highlight {
background-color : #ffff00;
color : #cc90cc;
}
-/* body#ttrssMain #feedTree .dijitTreeRow .dijitTreeExpandoLeaf {
- display : none;
-} */
-
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
git.wh0rd.org / tt-rss.git / blobdiff