X-Git-Url: http://mop.ddnsfree.com/gitweb/?a=blobdiff_plain;f=web%2Fbrisk.css;h=d4bafaaffd0eeefe5e5e9628489048d92f788804;hb=0b13b1b5ef313a06e58d2d44ffd09670a4dd8eb5;hp=2981343054430ad3d8b2a1a1f8877f1095b304ef;hpb=db7f0cc6514cef0d5009a7a69ba49303bbf9e2db;p=brisk.git diff --git a/web/brisk.css b/web/brisk.css index 2981343..d4bafaa 100644 --- a/web/brisk.css +++ b/web/brisk.css @@ -1,8 +1,8 @@ /* * brisk - brisk.css * - * Copyright (C) 2006-2008 Matteo Nastasi - * mailto: nastasi@alternativeoutput.it + * Copyright (C) 2006-2014 Matteo Nastasi + * mailto: nastasi@alternativeoutput.it * matteo.nastasi@milug.org * web: http://www.alternativeoutput.it * @@ -19,36 +19,38 @@ * 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%; +} + body { - background-image: url('img/wip_bg.jpg'); + background-image: url('img/najole.png'); background-color: #fafafa; - background-repeat: no-repeat; - background-position: top center; - margin:0px; - - font-size: 12px; + background-attachment: fixed; + margin: 0px; + height: 800px; padding: 0px; align: center; } div { - font-size: 12px; + font-size: 100%; } td { - font-size: 12px; + font-size: 100%; } img { - position: absolute; + position: absolute; border-style: solid; border-width: 1px; - border-color: grey; + border-color: gray; } img.unbo { @@ -58,10 +60,16 @@ img.unbo { img.nobo { position: relative; border-width: 0px; - display: block; + display: block; margin: auto; } +img.inline { + position: relative; + vertical-align: middle; + border-width: 0px; +} + img.nobohide { position: absolute; border-width: 0px; @@ -69,30 +77,75 @@ img.nobohide { z-index: 12; } +img.bordergray { + border: 1px solid gray; +} + +img.ib_nobo { + border: 0px solid gray; +} + +.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%; */ + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + + background-image: url('img/najole_light.png'); + background-attachment: fixed; + + top: 0; + padding: 8px; + + left: 50%; + position: absolute; + border-style: solid; + border-width: 1px; + bottom: 0; + right: 0; + align: center; + text-align: center; + background-color: white; + z-index: 10; + visibility: hidden; +} + +.notify_opaque { top: 0; - left: 50%; + 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; + text-align: center; + background-color: white; z-index: 10; visibility: hidden; - filter: alpha(opacity=90); - -moz-opacity: 0.90; - opacity: 0.90; } -div.notify_clo { +div.notify_clo { position: absolute; align: center; width: 100%; @@ -100,30 +153,44 @@ div.notify_clo { bottom: 4px; } -input.input_text { - background-color: transparent; - border: 1px solid gray; +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 { - border: 1px solid #ffae00; +.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; } input.input_sub { - border: 1px solid gray; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + border: 1px solid gray; 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; @@ -131,8 +198,8 @@ input.input_sub { min-height: 22px ! important; display: inline; } -input.input_sub:hover { - border: 1px solid #ffae00; +input.input_sub:hover { + border: 1px solid #ffae00; margin: 0px; padding: 1px; } @@ -142,9 +209,9 @@ input.input_sub_hi { padding: 0px; margin: 0px; color: black; - background-color: RGB(246,246,246); + background-color: white; vertical-align: middle; - text-decoration:none; + text-decoration: none; font-size: 100%; cursor: pointer; height: 22px ! important; @@ -153,19 +220,37 @@ input.input_sub_hi { display: inline; } +button { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + + border: 1px solid gray; + margin: 1px; + padding: 2px; + color: black; + background-color: RGB(246,246,246); + vertical-align: middle; + text-decoration: none; + font-size: 100%; + cursor: pointer; + display: inline; +} + input.button { - border: 1px solid gray; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + + 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; } @@ -180,3 +265,46 @@ input.button:active { img.button:hover { cursor: pointer; } + +span.au0 span { + font-weight: bold; +} + +span.au1 span { + padding-left: 2px; + padding-right: 4px; + font-style: italic; +/* orange background-color: #ffd780; */ +/* red background-color: #ffb0b0; */ + background-color: #a1c8ff; +} + +span.au2 span { + background-color: #bafcba; +} + +span.au3 { + padding-left: 24px; + background-image: url('img/books.png'); + background-repeat: no-repeat; + background-position: left center; +} + +span.au3 span { + background-color: transparent; +} + +div.bye_msg { + font-weigth: bold; +} + +div.apprentice { + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + + display: none; + background-color: #ffd780; + border: 1px solid #ffae00; + padding: 8px; +}