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;
+}