X-Git-Url: http://mop.ddnsfree.com/gitweb/?a=blobdiff_plain;f=web%2Froom.css;h=2674e33bd0bb2e6558e3e638d2b7db95322f6206;hb=bfe955efd0c9f643ca11c4964514d80c934489c5;hp=679c7f14022a3a08efe5ed77df54ac092bd3474f;hpb=3c9d82a70413ec51c70359bd22f76d5fb6739fdf;p=brisk.git diff --git a/web/room.css b/web/room.css index 679c7f1..2674e33 100644 --- a/web/room.css +++ b/web/room.css @@ -1,7 +1,10 @@ /* * brisk - room.css * - * Copyright (C) 2006 matteo.nastasi@milug.org + * Copyright (C) 2006-2012 Matteo Nastasi + * mailto: nastasi@alternativeoutput.it + * matteo.nastasi@milug.org + * web: http://www.alternativeoutput.it * * This program is free software; you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by @@ -16,94 +19,148 @@ * not, write to the Free Software Foundation, Inc, 59 Temple Place - * Suite 330, Boston, MA 02111-1307, USA. * - * $Id$ - * */ +a.flat:link { + color: RGB(255, 174,0); + line-height: 20px; + text-decoration: none; +} + +a.flat:visited { + color: RGB(255, 174,0); + line-height: 20px; + text-decoration: none; +} + +a.flat:hover { + color: RGB(255, 174,0); + line-height: 20px; + font-weight: bold; + text-decoration: none; +} + + + body.* { - margin:0px; + margin: 0px; padding: 0px; } div.container { - /* border:1px solid gray; */ + position: relative; width:100%; margin:0px; padding: 0px; } div.header { - /* border: 1px solid yellow; */ align: center; text-align: center; - font-size: 12px; + font-size: 100%; clear:left; } div.topmenu { - /* border: 1px solid red; */ - width:90px; + width:94px; margin:0; text-align: center; align: center; - font-size: 10px; - padding:4px; + font-size: 85%; + padding: 2px 2px 0 2px; } div.proflash { - /* border: 1px solid red; */ - border: 1px solid gray; + border: 1px solid gray; background-color: RGB(246,246,246); text-align: center; align: center; - font-size: 10px; + font-size: 85%; padding:4px; } div.tables { - /* border: 1px solid gray; */ margin-left:100px; padding:4px; } div.bottom { - /* border: 1px solid green; */ position: relative; top: -13px; - text-align: left; - padding:2px; + align: center: + text-align: center; + padding:2px; clear:left; } div.room_tit { - /* background-color: orange; */ + position: relative; + top: 6px; align: left; text-align: left; margin: 0px; - padding: 6px; +} + +span.room_titin { + position: relative; + left: 6px; + top: 6px; + z-index: 20; + background-color: white; } table.floaty { width: 100%; - /* border: 1px solid red; */ border-collapse: collapse; border-spacing: 0px; padding: 0px; } table.floaty td { - /* border: 1px solid orange; */ align: center; text-align: center; vertical-align: top; } +table.placings { + border-spacing: 8px; + margin: 0px; + width: 100%; +} + +table.placings td +{ + border: 1px solid gray; + padding: auto; + margin: auto; + vertical-align: top; + text-align: center; +} + +table.placing { + border: 1px solid gray; + border-collapse: collapse; + border-spacing: 0px; + margin: auto; +} + +table.placing th { + border: 1px solid gray; + text-align: center; + padding: 4px; +} + +table.placing td { + border: 1px solid gray; + text-align: center; + padding: 4px; +} + table.floaty td.floatyleft { width: 100px; } table.macro { - /* border: 1px solid orange; */ border-spacing: 0px; align: center; width: 100%; @@ -111,14 +168,11 @@ table.macro { } table.macro td { - /* border: 1px solid green; */ align: center; text-align: center; } div.room_tab { - /* border: 1px solid blue; */ - /* background-color: green; */ height: 346px; margin-left: auto; margin-right: auto; @@ -129,15 +183,21 @@ div.room_tab { table.room_tab { width: 100%; - /* border: 0px solid red; */ border-collapse: separate; border-spacing: 4px; border-style: none; } table.room_tab td { - /* background-color: yellow; */ - height: 110px; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + + background-image: url('img/najole_light.png'); + background-attachment: fixed; + + width: 25%; + height: 120px; vertical-align: top; border: 1px solid gray; } @@ -145,11 +205,10 @@ table.room_tab td { div.room_div { - /* background-color: orange; */ - position: relative; + position: relative; } -div.table_act { +div.table_act { position: absolute; align: right; text-align: right; @@ -160,52 +219,75 @@ div.table_act { div.room_standup { - position: absolute; + position: absolute; vertical-align: "top"; - /* align: left; */ top: 26px; width: 100%; height: 80px; - overflow: auto; padding: 0px; margin: 0px; + overflow: auto; + clip: auto; } table.room_standup { - /* margin-left: 4px; */ + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + + position: relative; width: 100%; border: 1px solid gray; border-spacing: 0px; padding: 0px; + + background-image: url('img/najole_light.png'); + background-attachment: fixed; } table.room_standup td { - /* background-color: yellow; */ - border: 0px none gray; + position: relative; + border: 0px none gray; vertical-align: top; + align: left; } +table.login { + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + border-radius: 8px; + + margin: auto; + border: 1px solid gray; + margin-top: 8px; + + background-image: url('img/najole_light.png'); + background-attachment: fixed; + } + +table.login td { + padding: 4px; + vertical-align: middle; + } + + div.room_ex_standup { position: relative; height: 106px; align: left; text-align: left; padding: 0px; - + overflow: hidden; } table.table_standup { - /* background-color: red; */ - border-spacing: 0px; - width: 100%; + width: 100%; margin: 0px; padding:0px; } table.table_standup td { - /* background-color: green; */ - /* border: 1px solid red; */ width: 25%; text-align: center; align: center; @@ -218,32 +300,231 @@ div.esco { text-align: right; top: 2px; right: 4px; + z-index: 20; } .chatt { height: 100px; overflow: auto; border: 1px solid gray; - padding: 2px; vertical-align: text-bottom; + + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + + background-image: url('img/najole_light.png'); + background-attachment: fixed; } .txtt { - /* font-size: 10pt;*/ position: relative; - top: 2px; - /* rows: 1; */ } .urgmsg { text-align: center; } -.proxhr { - /*background-color: green; */ +.proxhr { + position: relative; + top: 10px; + width: 100%; align: center; text-align: center; - width: 100%; - top: 28px; } + +.webstart_hilite { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + + background: #ffd780; + border: 1px solid #ffae00; + padding: 6px; + text-align: center; +} + +.webstart { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + + position: absolute; + background-color: white; + left: 80px; + z-index: 50; + visibility: hidden; + border: 1px solid gray; + text-align: left; + width: 100px; + padding: 8px; +} + +.webstart a:link { + color: black; + line-height: 20px; + text-decoration: none; +} + +.webstart a:visited { + color: black; + line-height: 20px; + text-decoration: none; +} + +.webstart a:hover { + color: RGB(255,174,0); + line-height: 20px; + text-decoration: none; +} + +.sidebanner { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + + /* Top Right Bottom Left */ + margin: 4px auto 0px auto; + position: relative; + align: center; + text-align:center; + background-color: #f8f8f8; + padding: 4px; + border: 1px solid #000000; +} + +.topbanner { + position: relative; + align: center; + text-align:center; + background-color: #f8f8f8; + padding: 4px; + border: 1px solid #000000; +} + +.topbanner a:link { + color: black; + line-height: 16px; + text-decoration: none; +} + +.topbanner a:visited { + color: black; + line-height: 16px; + text-decoration: none; +} + +.topbanner a:hover { + color: RGB(255,174,0); + line-height: 16px; + text-decoration: none; +} + +.train { + position: absolute; + border: 0px solid blue; + visibility: hidden; + left: 0px; + top: 0px; + width: 0px; + height: 50px; + z-index: 10; +} + +.wagon { + position: absolute; + background-color: white; + border: 1px solid green; + cursor: pointer; + left: 0px; + top: 2px; + font-size: 85%; + font-weight: bold; + padding: 4px; + z-index: 10; +} + +.wagon_disable { + position: absolute; + background-color: #aaaaaa; + border: 1px solid green; + cursor: default; + left: 0px; + top: 2px; + font-size: 85%; + font-weight: bold; + font-color: #999999; + padding: 4px; +} + +.wagon_disable2 { + position: absolute; + cursor: default; + background-color: #555555; + border: 1px solid green; + left: 0px; + top: 2px; + font-size: 85%; + font-color: #333333; + padding: 4px; +} + +.notebox { + background-color: #ffffff; + border: 1px solid red; + padding: 4px; + position: absolute; + visibility: hidden; +} + +.room_standup_orig { + position: absolute; +} + +td.tickbut { + visibility: hidden; + width: 0px; + text-align: left; + vertical-align: top; + padding: 0px; +} + +img.tickbut { + border: 0px solid black; + cursor: pointer; + margin-top:4px; +} + +span.id_usr { + cursor: pointer; +} + +table.info { + margin: auto; + border-collapse: collapse; +} + +table.info td { + border-top: 1px solid grey; + padding: 4px; + width: 50%; +} + +table.info td.info-opt { + border-top: 0px; + padding: 0px 4px 4px 4px; + } + +table.info td.noborder { + border-top: 0px; + } + +table.info td.le { + padding-left: 16px; + } + +table.info td.ro { + padding-right: 16px; + } +