Mercurial > libervia-web
changeset 7:7acca1ce1ca4
CSS: microbloging style + using CSS reset
note: CSS reset is based on pyjamas' wiki: http://pyjs.org/wiki/csshellandhowtodealwithit/ , need maybe some tweaking
author | Goffi <goffi@goffi.org> |
---|---|
date | Mon, 14 Feb 2011 01:48:05 +0100 |
parents | a663b9955cf3 |
children | 88ae360198ee |
files | public/libervia.css |
diffstat | 1 files changed, 123 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
--- a/public/libervia.css Mon Feb 14 01:46:07 2011 +0100 +++ b/public/libervia.css Mon Feb 14 01:48:05 2011 +0100 @@ -16,6 +16,87 @@ along with this program. If not, see <http://www.gnu.org/licenses/>. */ + +/* + * CSS Reset: see http://pyjs.org/wiki/csshellandhowtodealwithit/ + */ + +/* reset/default styles */ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, table, caption, +tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; + color: #444; + +} + +ol, ul { list-style: none; } +blockquote, q { quotes: none; } + +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; + +} + +:focus { outline: 0; } +ins { text-decoration: none; } +del { text-decoration: line-through; } + +table { + border-collapse: collapse; + border-spacing: 0; + +} + +/* pyjamas iframe hide */ +iframe { position: absolute; } + + +html, body { + width: 100%; + height: 100%; + min-height: 100%; + +} + +body { + line-height: 1em; + font-size: 1em; + overflow: auto; + +} + +.scrollpanel { + margin-bottom: -10000px; + +} + +.iescrollpanelfix { + position: relative; + top: 100%; + margin-bottom: -10000px; + +} + +/* undo part of the above (non-IE) */ +html>body .iescrollpanelfix { position: static; } + +/* CSS Reset END */ + .gwt-MenuBar,.gwt-MenuBar-horizontal { background-color: #C3D9FF; border: 1px solid #87B3FF; @@ -79,3 +160,45 @@ .selected { background-color: yellow; } + +/* Microblog */ + +.microblogPanel { + margin: auto; +} + +.microblogEntry { + text-align:center; + + border: 1px solid LightGray; + + border-bottom-width: 1px; + margin-bottom: 5px; + margin-top: 5px; + padding-left: 10px; + padding-right: 10px; + padding-top: 5px; + padding-bottom: 5px; + + -moz-border-radius: 15px; + -webkit-border-radius: 15px; + border-radius: 15px; +} + +.mb_entry_header { + font-size: small; +} + +.mb_entry_author { + font-weight: bold; +} + +.mb_entry_timestamp { + font-style: italic; +} + +/* Test drag and drop */ + +.dragover { + background: #8f8; +}