tweak visual for headlines

This commit is contained in:
Andrew Dolgov 2013-05-07 18:44:17 +04:00
parent 5973c74c34
commit 14c53e4e60
4 changed files with 71 additions and 42 deletions

87
cdm.css
View file

@ -49,6 +49,11 @@ div.cdmContent a {
color : #4684ff; color : #4684ff;
} }
div.cdm.expanded div.cdmHeader {
margin-right : 4px;
margin-left : 4px;
}
div.cdmContent a:hover { div.cdmContent a:hover {
color : black; color : black;
} }
@ -70,53 +75,78 @@ div.cdmFooter {
clear : both; clear : both;
} }
div.cdm { div.cdm.expanded {
border-width : 0px 1px 1px 0px; margin-top : 4px;
border-collapse : collapse; margin-bottom : 4px;
border-color : #c0c0c0;
border-style : solid;
background : #fafafa;
} }
div.cdm.expandable { div.cdm.expandable {
background : #f0f0f0; background-color : #f0f0f0;
} border-width : 0px 0px 1px 0px;
div.cdm.expanded, div.cdm.expandable {
margin : 4px 4px 0px 4px;
border-width : 1px;
border-color : #c0c0c0; border-color : #c0c0c0;
box-shadow : 0px 0px 3px #ccc; border-style : solid;
} }
div.cdm.expanded div.cdmHeader { div.cdm.expandable > hr {
background : #e0e0e0; display : none;
}
div.cdm.expanded > hr {
margin-top : 0px;
margin-bottom : 0px;
} }
div.cdm.Unread { div.cdm.Unread {
background : white; background : white;
} }
div.cdm.Unread div.cdmHeader {
background : #ecf4ff;
}
div.cdm.active { div.cdm.active {
border-color : #88b0f0; border-color : #88b0f0;
background : white ! important; background : white ! important;
box-shadow : 0px 0px 3px #4684ff;
} }
div.cdm.active div.cdmHeader { div.cdm.expandable div.cdmHeader a.title {
background : #ecf4ff; font-weight : bold;
color : gray;
} }
div.cdm.active div.cdmHeader a.title { div.cdm.expandable.Unread div.cdmHeader a.title {
color : black;
}
div.cdm.expandable.active div.cdmHeader a.title {
color : #4684ff; color : #4684ff;
} }
div.cdm.expanded div.cdmHeader {
background : transparent ! important;
}
div.cdm.expanded div.cdmHeader a.title {
font-size : 14px;
color : gray;
font-weight : bold;
}
div.cdm.expanded.active div.cdmHeader a.title {
color : #4684ff;
}
div.cdm.expanded.Unread div.cdmHeader a.title {
color : black;
}
div.cdm.expanded div.cdmContent {
color : gray;
}
div.cdm.expanded.Unread div.cdmContent {
color : black;
}
div.cdm.active div.cdmContent { div.cdm.active div.cdmContent {
background : white; color : black;
} }
span.cdmExcerpt { span.cdmExcerpt {
@ -145,6 +175,7 @@ div.cdmFeedTitle a.title {
font-style : italic; font-style : italic;
font-weight : bold; font-weight : bold;
} }
div.cdmFeedTitle a { div.cdmFeedTitle a {
color : gray; color : gray;
} }
@ -175,10 +206,6 @@ div.cdmContentInner p {
max-width : 650px; max-width : 650px;
} }
.Unread div.cdmHeader {
font-weight : bold;
}
div.cdmContentInner iframe { div.cdmContentInner iframe {
min-width : 50%; min-width : 50%;
} }
@ -189,8 +216,4 @@ div.cdmHeader span.author {
font-weight : normal; font-weight : normal;
} }
div.cdm.expanded div.cdmHeader a.title, div.cdm.active div.cdmHeader a.title {
font-size : 13px;
}

View file

@ -720,7 +720,7 @@ class Feeds extends Handler_Protected {
$reply['content'] .= "</div>"; $reply['content'] .= "</div>";
$reply['content'] .= "</div>"; $reply['content'] .= "</div>";
$reply['content'] .= "</div>"; $reply['content'] .= "</div><hr/>";
$reply['content'] .= "</div>"; $reply['content'] .= "</div>";

View file

@ -3398,7 +3398,7 @@
$maxtags = min(5, count($tags)); $maxtags = min(5, count($tags));
for ($i = 0; $i < $maxtags; $i++) { for ($i = 0; $i < $maxtags; $i++) {
$tags_str .= "<a href=\"#\" onclick=\"viewfeed('".$tags[$i]."'\")>" . $tags[$i] . "</a>, "; $tags_str .= "<a class=\"tag\" href=\"#\" onclick=\"viewfeed('".$tags[$i]."'\")>" . $tags[$i] . "</a>, ";
} }
$tags_str = mb_substr($tags_str, 0, mb_strlen($tags_str)-2); $tags_str = mb_substr($tags_str, 0, mb_strlen($tags_str)-2);

View file

@ -113,8 +113,9 @@ h3 {
hr { hr {
border-width : 0px 0px 1px 0px; border-width : 0px 0px 1px 0px;
border-style : dashed; border-style : solid;
border-color : #e0e0e0; border-color : #c0c0c0;
max-width : 90%;
} }
a { a {
@ -185,8 +186,17 @@ a:hover {
border-color : #ff0000; border-color : #ff0000;
} }
.hl.Unread div.hlTitle { .hl div.hlTitle a {
font-weight : bold; font-weight : bold;
color : gray;
}
.hl.Unread div.hlTitle a {
color : black;
}
.hl.active div.hlTitle a {
color : #4684ff;
} }
.hl.Grayed { .hl.Grayed {
@ -198,7 +208,7 @@ a:hover {
} }
.hl { .hl {
border-width : 0px 1px 1px 0px; border-width : 0px 0px 1px 0px;
border-style : solid; border-style : solid;
border-color : #c0c0c0; border-color : #c0c0c0;
} }
@ -1012,10 +1022,6 @@ div.hl.active {
border-color : #88b0f0; border-color : #88b0f0;
} }
div.hl.active a.title {
color : #4684ff;
}
#selected_prompt { #selected_prompt {
margin-right : 25px; margin-right : 25px;
} }