public/tt-rss
1
0
Fork 0
mirror of https://git.tt-rss.org/git/tt-rss.git synced 2026-02-05 13:37:11 +00:00
Code Issues Releases Wiki Activity

minor css fixes (mostly for zoom mode)

Browse Source
This commit is contained in:
Andrew Dolgov
2018-11-30 17:22:30 +03:00
parent add558e7e5
commit 07fd4f8d9d
6 changed files with 171 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

159
css/cdm.less
View File

@@ -152,75 +152,69 @@ div.cdm.active div.content {
color : black;
}
span.cdmExcerpt {
white-space : nowrap;
font-size : 11px;
color : #999;
font-weight : normal;
cursor : pointer;
}
.cdm {
div.content div.postEnclosures {
margin-top: 1em;
color: @default-text;
}
div.content div.postEnclosures {
margin-top : 1em;
color : @default-text;
}
div.feed-title {
border: 0px solid @color-link;
border-bottom-width: 1px;
padding: 5px 3px 5px 5px;
}
div.feed-title {
border: 0px solid @color-link;
border-bottom-width: 1px;
padding : 5px 3px 5px 5px;
}
div.feed-title a.title {
color: @default-text;
font-weight: bold;
}
div.feed-title a.title {
color : @default-text;
font-weight : bold;
}
div.feed-title a {
color: @default-text;
}
div.feed-title a {
color : @default-text;
}
div.feed-title a:hover {
color: @color-link;
}
div.feed-title a:hover {
color : @color-link;
}
div.header span.feed {
float: right;
font-weight: normal;
font-style: italic;
}
div.header span.feed {
float : right;
font-weight : normal;
font-style : italic;
}
div.header div.feed, div.header div.feed a {
vertical-align: middle;
color: @default-text;
font-weight: normal;
font-style: italic;
font-size: 11px;
}
div.header div.feed, div.header div.feed a {
vertical-align : middle;
color : @default-text;
font-weight : normal;
font-style : italic;
font-size : 11px;
}
div.content-inner p {
/*max-width : 650px;*/
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
div.cdm .feed a {
border-radius : 4px;
display : inline-block;
padding : 1px 4px 1px 4px;
}
div.content-inner iframe {
min-width : 50%;
max-width : 98%;
}
div.content-inner p {
/*max-width : 650px;*/
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
div.header span.author {
white-space : nowrap;
color : @default-text;
font-size : 11px;
font-weight : normal;
}
div.content-inner iframe {
min-width : 50%;
max-width : 98%;
}
div.header span.author {
white-space : nowrap;
color : @default-text;
font-size : 11px;
font-weight : normal;
.feed a {
border-radius : 4px;
display : inline-block;
padding : 1px 4px 1px 4px;
}
}
div#floatingTitle {
@@ -302,6 +296,29 @@ div#floatingTitle {
display : none;
}
.feed-title {
> * {
display : table-cell;
vertical-align : middle;
}
a.title {
width : 100%;
}
a.catchup {
text-align : right;
color : @default-text;
padding-right : 10px;
font-size : 11px;
white-space : nowrap;
}
a.catchup:hover {
color : @color-link;
}
}
}
div#floatingTitle.Unread a.title {
@@ -333,27 +350,3 @@ div#floatingTitle.Unread a.title {
text-decoration : line-through;
}
.feed-title {
> * {
display : table-cell;
vertical-align : middle;
}
a.title {
width : 100%;
}
a.catchup {
text-align : right;
color : @default-text;
padding-right : 10px;
font-size : 11px;
white-space : nowrap;
}
a.catchup:hover {
color : @color-link;
}
}

2
css/default.css
View File

File diff suppressed because one or more lines are too long

176
css/zoom.less
View File

@@ -5,104 +5,104 @@ body.ttrss_zoom {
max-width : 800px;
background : #f5f5f5;
div.header {
margin : 10px;
padding-bottom : 10px;
border: 0px solid #eee;
border-bottom-width: 1px;
background : white;
font-size : 12px;
color : #555;
.author {
font-size : 11px;
}
div.feed-title {
float : left;
text-align : right;
}
a.postComments {
text-align : right;
}
div.date {
float : none;
text-align : right;
margin-bottom : 5px;
}
div.postTags {
}
div.postTags img {
vertical-align : middle;
}
div.postTitle {
white-space : normal;
font-size : 16px;
margin-bottom : 5px;
}
}
p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
div.post {
border : 1px solid #ddd;
background : white;
box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
}
div.footer {
margin-top : 1em;
text-align : center;
}
div.content {
font-size : 15px;
line-height : 1.5;
padding : 10px;
img, video {
max-width : 760px;
height : auto;
}
blockquote {
margin : 5px 0px 5px 0px;
color : @default-text;
padding-left : 10px;
border: 0px solid #ccc;
border-left-width: 4px;
}
code {
color : #009900;
font-family : monospace;
div.header {
margin : 10px;
padding-bottom : 10px;
border: 0px solid #eee;
border-bottom-width: 1px;
background : white;
font-size : 12px;
color : #555;
.author {
font-size : 11px;
}
div.feed-title {
float : left;
text-align : right;
}
a.comments {
text-align : right;
}
div.date {
float : none;
text-align : right;
margin-bottom : 5px;
}
div.tags {
}
div.tags img {
vertical-align : middle;
}
div.title {
white-space : normal;
font-size : 16px;
margin-bottom : 5px;
}
}
pre {
margin : 5px 0px 5px 0px;
p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
div.footer {
margin-top : 1em;
text-align : center;
}
div.content {
font-size : 15px;
line-height : 1.5;
padding : 10px;
color : @default-text;
font-family : monospace;
font-size : 12px;
border: 0px solid #ccc;
background : #f5f5f5;
display : block;
max-width : 98%;
overflow : auto;
border-width : 0px;
img, video {
max-width : 760px;
height : auto;
}
blockquote {
margin : 5px 0px 5px 0px;
color : @default-text;
padding-left : 10px;
border: 0px solid #ccc;
border-left-width: 4px;
}
code {
color : #009900;
font-family : monospace;
font-size : 12px;
}
pre {
margin : 5px 0px 5px 0px;
padding : 10px;
color : @default-text;
font-family : monospace;
font-size : 12px;
border: 0px solid #ccc;
background : #f5f5f5;
display : block;
max-width : 98%;
overflow : auto;
}
}
}
}