X-Git-Url: https://mop.ddnsfree.com/gitweb/?a=blobdiff_plain;f=web%2Fbrisk.css;h=81dfb02c9975c08ed732cc8ba5273e7e8af238ef;hb=5470910335a6a3e37b30783bfa39a15e8ff225b1;hp=f041039122e66c3f507baaa89663ebf01a3e95dd;hpb=28bc29c2571daed80d85b53abebf0649d033cf25;p=brisk.git diff --git a/web/brisk.css b/web/brisk.css index f041039..81dfb02 100644 --- a/web/brisk.css +++ b/web/brisk.css @@ -2,7 +2,7 @@ * brisk - brisk.css * * Copyright (C) 2006-2014 Matteo Nastasi - * mailto: nastasi@alternativeoutput.it + * mailto: nastasi@alternativeoutput.it * matteo.nastasi@milug.org * web: http://www.alternativeoutput.it * @@ -27,21 +27,12 @@ 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/happysunbg.png'); + background-image: url('img/brisk-bg.png'); background-color: #fafafa; - background-repeat: no-repeat; - background-position: center center; - margin:0px; - + background-attachment: fixed; + margin: 0px; + height: 800px; padding: 0px; align: center; @@ -56,7 +47,7 @@ td { } img { - position: absolute; + position: absolute; border-style: solid; border-width: 1px; border-color: gray; @@ -69,11 +60,11 @@ img.unbo { img.nobo { position: relative; border-width: 0px; - display: block; + display: block; margin: auto; } -img.inline { +img.inline { position: relative; vertical-align: middle; border-width: 0px; @@ -86,6 +77,14 @@ img.nobohide { z-index: 12; } +img.bordergray { + border: 1px solid gray; +} + +img.ib_nobo { + border: 0px solid gray; +} + .bg_white { background-color: #ffffff; } @@ -107,49 +106,46 @@ img.nobohide { } .notify { -/* top: 10%; */ + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + + background-image: url('img/brisk-bg-light.png'); + background-attachment: fixed; + top: 0; + padding: 8px; - 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; } .notify_opaque { -/* top: 10%; */ 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; } -div.notify_clo { +div.notify_clo { position: absolute; align: center; width: 100%; @@ -167,25 +163,28 @@ div.doc_alert { padding: 8px; } -.input_text { +.input_text { background-color: #f8f8f8; - border: 1px solid gray; + border: 1px solid gray; margin: 1px; } -.input_text:hover { +.input_text:hover { background-color: white; - border: 1px solid #ffae00; + border: 1px solid #ffae00; } -.input_text_hi { +.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; @@ -199,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; } @@ -211,7 +210,6 @@ input.input_sub_hi { margin: 0px; color: black; background-color: white; -/* background-color: RGB(246,246,246); */ vertical-align: middle; text-decoration: none; font-size: 100%; @@ -222,8 +220,29 @@ 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: 2px; color: black; @@ -247,17 +266,61 @@ img.button:hover { cursor: pointer; } -span.au0 { +span.au0 span { + font-weight: bold; +} +span.au0_off span { font-weight: bold; } -span.au1 { +span.au1 span { padding-left: 2px; padding-right: 4px; font-style: italic; - background-color: #ffd780; + background-color: #a1c8ff; +} +span.au1_off span { + padding-left: 2px; + padding-right: 4px; + font-style: italic; + background-color: #a1c8ff; } -span.au2 { +span.au2 span { background-color: #bafcba; } +span.au2_off 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_off span { + background-color: transparent; +} +span.au3_off { +} + +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; +}