X-Git-Url: http://mop.ddnsfree.com/gitweb/?a=blobdiff_plain;f=web%2Froom.css;h=2674e33bd0bb2e6558e3e638d2b7db95322f6206;hb=bfe955efd0c9f643ca11c4964514d80c934489c5;hp=e952a6a94d252e0e92a6c535d33c76729c60c060;hpb=006ab1d2517a44e763985fe00dd6987aa6aa6412;p=brisk.git diff --git a/web/room.css b/web/room.css index e952a6a..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,174 +19,512 @@ * 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; + padding: 0px; +} + div.container { + position: relative; width:100%; margin:0px; padding: 0px; - /* border:1px solid gray; - line-height:150%; */ } 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; */ - float:left; - 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: -16px; - text-align: left; - padding:4px; + top: -13px; + align: center: + text-align: center; + padding:2px; clear:left; } -table.room_tab { - border-style: solid; - border-width: 1px; - border-color: grey; +div.room_tit { + position: relative; + top: 6px; + align: left; + text-align: left; + margin: 0px; +} + +span.room_titin { + position: relative; + left: 6px; + top: 6px; + z-index: 20; + background-color: white; +} + +table.floaty { + width: 100%; border-collapse: collapse; border-spacing: 0px; - align: center; padding: 0px; - width: 680px; } -td.room_td { - /* background-color: yellow;*/ - width: 170px; - height: 140px; - vertical-align: "top"; - border-width: 1px; +table.floaty td { + align: center; + text-align: center; + vertical-align: top; +} - border-style: solid; - border-width: 1px; - border-color: grey; - border-collapse: collapse; +table.placings { + border-spacing: 8px; margin: 0px; - padding:0px; + width: 100%; } -div.room_div { - position: relative; - align: center; +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; - width: 170px; - height: 140px; - margin: 0px; padding: 4px; } -div.table_act { - position: absolute; +table.placing td { + border: 1px solid gray; + text-align: center; + padding: 4px; +} + +table.floaty td.floatyleft { + width: 100px; +} + +table.macro { + border-spacing: 0px; align: center; width: 100%; - left: 0px; - bottom: 4px; + padding: 0px; +} + +table.macro td { + align: center; + text-align: center; +} + +div.room_tab { + height: 346px; + margin-left: auto; + margin-right: auto; + min-width: 680px; + max-width: 900px; + overflow: auto; +} + +table.room_tab { + width: 100%; + border-collapse: separate; + border-spacing: 4px; + border-style: none; +} + +table.room_tab td { + -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; + } + + + +div.room_div { + position: relative; +} + +div.table_act { + position: absolute; + align: right; + text-align: right; + width: 100%; + right: 4px; + top: 2px; } div.room_standup { - height: 68px; - align: left; - overflow: auto; + position: absolute; vertical-align: "top"; + top: 26px; + width: 100%; + height: 80px; + padding: 0px; + margin: 0px; + overflow: auto; + clip: auto; } -td.room_standup { - /* - background-color: red; - border-style: solid; - border-width: 1px; - border-color: grey; - */ - align: center; - text-align: center; - vertical-align: "top"; +table.room_standup { + -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 { + 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: 120px; + height: 106px; align: left; text-align: left; - padding: 4px; - /* vertical-align: "top"; */ + padding: 0px; + overflow: hidden; } table.table_standup { - /* background-color: red; */ border-spacing: 0px; - width: 100%; + width: 100%; margin: 0px; padding:0px; } -td.td_standup { +table.table_standup td { + width: 25%; text-align: center; align: center; padding: 0px; margin: 0px; } -.esco { +div.esco { position: absolute; - text-align: center; - bottom: 4px; + text-align: right; + top: 2px; right: 4px; + z-index: 20; } - .chatt { height: 100px; overflow: auto; - border: 1px solid grey; - padding: 2px; + border: 1px solid gray; 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; } .urgmsg { text-align: center; } -.proxhr { - /* background-color: green; */ +.proxhr { + position: relative; + top: 10px; + width: 100%; + align: center; + text-align: center; +} + +.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; + } +