X-Git-Url: http://mop.ddnsfree.com/gitweb/?a=blobdiff_plain;f=web%2Fbrisk.css;h=f984cb097906d96205292cbb1f53e1dc92fcb2f6;hb=8507128d38073666f0e778b16fb691a3bc9ef0e7;hp=84b31621320de6034ec3672c5396496a844f864e;hpb=036dd8785fbdf8172c0c395a32153eefc9c0e509;p=brisk.git diff --git a/web/brisk.css b/web/brisk.css index 84b3162..f984cb0 100644 --- a/web/brisk.css +++ b/web/brisk.css @@ -1,7 +1,7 @@ /* * brisk - brisk.css * - * Copyright (C) 2006-2008 Matteo Nastasi + * Copyright (C) 2006-2014 Matteo Nastasi * mailto: nastasi@alternativeoutput.it * matteo.nastasi@milug.org * web: http://www.alternativeoutput.it @@ -19,36 +19,51 @@ * not, write to the Free Software Foundation, Inc, 59 Temple Place - * Suite 330, Boston, MA 02111-1307, USA. * - * $Id$ - * */ +* { + font-family: verdana, helvetica, arial, sans-serif; + font-size: 13px; + line-height: 120%; +} + +/* TRICK TO REMOVE EXCESS OF PADDING INSIDE INPUT BUTTONS WITH FIREFOX */ +input::-moz-focus-inner { + border: 0; + padding: 0; + margin-top:-2px; + margin-bottom: -2px; +} + body { - background-image: url('img/wip_bg.jpg'); + background-image: url('img/happysunbg.png'); background-color: #fafafa; background-repeat: no-repeat; - background-position: top center; + background-position: center center; margin:0px; - font-size: 12px; padding: 0px; align: center; } div { - font-size: 12px; + font-size: 100%; } td { - font-size: 12px; + font-size: 100%; } img { position: absolute; border-style: solid; border-width: 1px; - border-color: grey; + border-color: gray; +} + +img.unbo { + border-width: 0px; } img.nobo { @@ -58,6 +73,12 @@ img.nobo { margin: auto; } +img.inline { + position: relative; + vertical-align: middle; + border-width: 0px; +} + img.nobohide { position: absolute; border-width: 0px; @@ -65,6 +86,26 @@ img.nobohide { z-index: 12; } +.bg_white { + background-color: #ffffff; +} + +.bg_green { + background-color: #aaffaa; +} + +.bg_ligre { + background-color: #ddffdd; +} + +.bg_red { + background-color: #ffaaaa; +} + +.bg_lired { + background-color: #ffdddd; +} + .notify { /* top: 10%; */ top: 0; @@ -75,7 +116,7 @@ img.nobohide { border-width: 1px; /* margin-top: auto; margin-bottom: auto;*/ - overflow: auto; +/* overflow: auto; */ bottom: 0; right: 0; align: center; @@ -88,6 +129,26 @@ img.nobohide { opacity: 0.90; } +.notify_opaque { +/* top: 10%; */ + top: 0; + + left: 50%; + position: absolute; + border-style: solid; + border-width: 1px; +/* margin-top: auto; + margin-bottom: auto;*/ +/* overflow: auto; */ + bottom: 0; + right: 0; + align: center; + text-align: center; + background-color: white; + z-index: 10; + visibility: hidden; +} + div.notify_clo { position: absolute; align: center; @@ -96,18 +157,29 @@ div.notify_clo { bottom: 4px; } -input.input_text { - background-color: transparent; +div.doc_alert { + color: #ff5400; + background-color: #ffd780; + font-family: monospace; + font-weight: bold; + text-align: center; + margin: 8px; + padding: 8px; +} + +.input_text { + background-color: #f8f8f8; border: 1px solid gray; margin: 1px; } -input.input_text:hover { +.input_text:hover { + background-color: white; border: 1px solid #ffae00; } -input.input_text_hi { - background-color: transparent; +.input_text_hi { + background-color: white; border: 2px solid #ffae00; margin: 0px; } @@ -117,9 +189,9 @@ input.input_sub { margin: 0px; padding: 1px; color: black; - background-color: RGB(246,246,246); + background-color: #f8f8f8; vertical-align: middle; - text-decoration:none; + text-decoration: none; font-size: 100%; cursor: pointer; height: 22px ! important; @@ -138,9 +210,10 @@ input.input_sub_hi { padding: 0px; margin: 0px; color: black; - background-color: RGB(246,246,246); + background-color: white; +/* background-color: RGB(246,246,246); */ vertical-align: middle; - text-decoration:none; + text-decoration: none; font-size: 100%; cursor: pointer; height: 22px ! important; @@ -152,16 +225,13 @@ input.input_sub_hi { input.button { border: 1px solid gray; margin: 1px; - padding: 0px; + padding: 2px; color: black; background-color: RGB(246,246,246); vertical-align: middle; - text-decoration:none; + text-decoration: none; font-size: 100%; cursor: pointer; - height: 20px ! important; - max-height: 20px ! important; - min-height: 20px ! important; display: inline; } @@ -176,3 +246,20 @@ input.button:active { img.button:hover { cursor: pointer; } + +span.au0 { + font-weight: bold; +} + +span.au1 { + padding-left: 2px; + padding-right: 4px; + font-style: italic; + background-color: #bafcba; +} + +span.au2 { + /* orange: background-color: #ffd780; */ + /* background-color: #e0ff00; */ + background-color: #8c7dfb; +}