From: Michael M Slusarz Date: Wed, 18 Nov 2009 17:24:53 +0000 (-0700) Subject: CSS tweaks X-Git-Url: https://git.internetallee.de/?a=commitdiff_plain;h=78f2e8ad4defb71c38270aa83ea8f44fcb4e0d6e;p=horde.git CSS tweaks More tweaks to vertical pane (get font-size correct) Row definitions shouldn't need the initial .msglist class definition, so removing it should make these rules a bit more efficient. --- diff --git a/imp/themes/screen-dimp.css b/imp/themes/screen-dimp.css index afdd09eef..564e2602a 100644 --- a/imp/themes/screen-dimp.css +++ b/imp/themes/screen-dimp.css @@ -184,12 +184,12 @@ div.msgSize { } /* Message ViewPort */ -.msglist span.vpEmpty, .msglist span.vpError { +span.vpEmpty, span.vpError { font-weight: bold; } /* Rows */ -.msglist div.vpRow, .msglist div.vpRow div { +div.vpRow, div.vpRow div { cursor: pointer; font-size: 95%; white-space: nowrap; @@ -199,13 +199,13 @@ div.msgSize { height: 16px; border-bottom: 1px; } -.msglist div.vpRowSelected { +div.vpRowSelected { background: #ffa !important; } -.msglist div.vpRowHoriz div.sep { +div.vpRowHoriz div.sep { border-right: 1px solid #ddd; } -.msglist div.vpRowHoriz, .msglist div.vpRowHoriz div { +div.vpRowHoriz, div.vpRowHoriz div { text-indent: 2px; } @@ -221,42 +221,49 @@ div.flagDeleted { } /* Checkbox images */ -.msglist div.msCheck { +div.msCheck { background-image: url("graphics/checkbox_off.png"); } -.msglist div.msCheck:hover { +div.msCheck:hover { background-image: url("graphics/checkbox_over.png"); } -.msglist div.vpRowSelected div.msCheck { +div.vpRowSelected div.msCheck { background-image: url("graphics/checkbox_on.png"); } /* Rows (vertical mode) */ -.msglist div.vpRowVert { +div.vpRowVert { height: auto; } -.msglist div.vpRowVert div.msgStatus { +div.vpRowVert div { + font-size: 100%; +} +div.vpRowVert div.msgStatus { height: 24px; margin-right: 2px; padding-top: 8px; width: 15%; } -.msglist div.vpRowVert div.msgFrom { +div.vpRowVert div.msgFrom { font-weight: bold; width: auto; } -.msglist div.vpRowVert div.msgDate { +div.vpRowVert div.msgDate { float: right; padding-right: 1px; text-indent: 2px; width: auto; } -.msglist div.vpRowVert div.msgSubject { +div.vpRowVert div.msgSubject { float: none; font-style: italic; width: auto; } +div.vpRowVert.flagUnseen { + font-weight: normal; +} + /* ViewPort - scroller */ .vpScroll { background: url("graphics/scroller_back.png") repeat-y;