Forgot to commit the new, smaller files... And with "fine tuning" I meant finding...

diff --git a/webcit/static/styles/banner.css b/webcit/static/styles/banner.css
new file mode 100644 (file)
index 0000000..5067638
--- /dev/null
+++ b/webcit/static/styles/banner.css
@@ -0,0 +1,90 @@
+#banner {
+       background-color: #004E79;
+       color: #FFF;
+       margin: 0;
+       padding: 0;
+       top: 0;
+       height: 120px;          /* when changing this, also change #content */
+       position: fixed;
+       width: 84%;             /* when changing this, also change #iconbar and #content */
+       left: 16%;              /* when changing this, also change #iconbar and #content */
+       z-index: 3;                                                
+       overflow: hidden;
+}
+
+#banner a { color: #FFF }
+
+#banner h1 {
+       font-size: 160%;
+       font-weight: 700;
+}
+
+#banner h2 { font-weight: 700}
+
+#banner h2, #banner .titlebar { font-size: 130% }
+
+#banner ul.room_actions li.start_page a {
+       background-color: #022750;
+       border-top: 1px solid black;
+       border-bottom: 1px solid black;
+       color: #FFF;
+}
+#banner .banner {
+       display: table-cell;
+       width: 90%;
+}
+
+#banner .banner img {
+       float: left;
+       margin: 0 5px 15px 0;
+}
+
+#banner h1, #banner h2, #banner .banner .infos, #banner .banner p {
+       margin: 2px;
+       padding: 0;
+}
+
+#room_infos {
+       position: absolute;
+       top: 0;
+       left: 50%;
+       width: 45%;
+       z-index: 10;
+       cursor: pointer;
+       text-align: left;
+       padding: 10px 2px 2px 2px;
+}
+
+#room_infos img.close_infos { float: right }
+
+#actiondiv {
+       position: absolute;
+       right: 0;
+       top: 0;
+}
+
+#banner ul.room_actions {
+       list-style: none;
+       text-align: left;
+}
+#banner ul.room_actions li {
+       white-space: nowrap;
+       display: inline;
+}
+#banner ul.room_actions li form {
+       margin: 0;
+       padding: 0;
+}
+
+#banner ul.room_actions li select, #banner ul.room_actions li input {
+       margin-top: 8px;
+       margin-right: 4px;
+}
+#selectpage.hidden { display: none !important }
+
+
+.banner .infos { cursor: help }
+
+.room_actions form select { cursor: pointer }
+
+.start_page { font-size: 60% }

diff --git a/webcit/static/styles/box.css b/webcit/static/styles/box.css
new file mode 100644 (file)
index 0000000..9082781
--- /dev/null
+++ b/webcit/static/styles/box.css
@@ -0,0 +1,32 @@
+.box {
+       background-color: transparent;
+       width: 100%;
+       padding: 0;
+       margin: 0;
+}
+
+#content .box { text-align: center }
+
+.boxlabel, .boxcontent { margin: 0 }
+
+#content .boxlabel, #global .boxlabel {
+       padding: 0;
+       width: 100%;
+       text-align: center;
+}
+
+.boxlabel {
+       background-color: #FF7814;
+       color: #FFF;
+       font-weight: 700;
+       text-align: center;
+       padding: 0;
+}
+
+.boxcontent {
+       text-align: left;
+       padding: 5px;
+       background-color: #FFF;
+       color: #000;
+}
+

diff --git a/webcit/static/styles/content.css b/webcit/static/styles/content.css
new file mode 100644 (file)
index 0000000..3397ce1
--- /dev/null
+++ b/webcit/static/styles/content.css
@@ -0,0 +1,43 @@
+#content {
+       position: fixed;
+       top: 120px;             /* when changing this, also change #banner and #iconbar */
+       left: 16%;              /* when changing this, also change #banner and #iconbar */
+       bottom: 0;
+       width: 84%;             /* when changing this, also change #banner and #iconbar */
+       background-color: #6C91A6;
+       color: #000;
+       z-index: 2;
+       overflow-y: auto;                               
+}
+
+.fix_scrollbar_bug {
+       margin-right: 1px;              /* Gecko and other non-broken browsers */
+       font-size: 90%;                 /* Most stuff needs to be a little smaller than normal. */
+}
+
+.boxcontent table {
+       margin: 0;
+       padding: 0;
+}
+
+#content table .box {
+       margin: 0;
+       width: 100%;
+       text-align: left;
+}
+
+.service, .who_is_online {
+       text-align: center;
+       width: 100%;
+}
+
+.service table {
+       margin: 0 auto 0 auto;
+       width: 100%;
+       text-align: left;
+}
+
+.instructions {
+       text-align: center;
+}
+

diff --git a/webcit/static/styles/global.css b/webcit/static/styles/global.css
new file mode 100644 (file)
index 0000000..0a12c86
--- /dev/null
+++ b/webcit/static/styles/global.css
@@ -0,0 +1,13 @@
+#global {
+       margin-left: 0;
+       padding: 0;
+       position: absolute;
+       bottom: 0;
+       top: 0;
+       right: 0;
+       left: 0;
+       overflow-y: hidden;
+}
+
+#global center { width: 80% }
+

diff --git a/webcit/static/styles/iconbar.css b/webcit/static/styles/iconbar.css
new file mode 100644 (file)
index 0000000..4dbb558
--- /dev/null
+++ b/webcit/static/styles/iconbar.css
@@ -0,0 +1,110 @@
+#iconbar {
+       position: absolute;
+       top: 0;
+       left: 0;
+       bottom: 0;
+       width: 16%;             /* when changing this, also change #banner width */
+       z-index: 0;
+       overflow: auto;
+       overflow-x: hidden !important;
+}
+
+#iconbar_container {
+       background-color: #FFF;
+       color: #000;
+}
+
+.logo_citadel a,.logo_citadel img {
+       border: none;
+}
+
+.logo,.logo_citadel, .iconbar_text {
+       border: none;
+       border-bottom: 1px solid #AAA;
+} 
+
+.ib_button, .iconbar_text{
+       background-color: #F0FFFF;
+       color: #333;
+} 
+
+.ib_button_link, .ib_button_link:visited, .ib_button_link:link, #online_users a {
+       display: block;
+       color: #000;
+       text-decoration: none;
+}
+
+#iconbar #button {
+       border: none;
+       list-style: none;
+}
+
+.ib_button {
+       margin: 4px 8px 4px 8px;
+       padding: 0;
+       display: block;
+       font-size: 80%;
+       border: none;
+       border-bottom: 2px groove #CCC;
+       border-right: 2px groove #CCC;
+ }
+
+.logo, .logo_citadel, #iconbar #button, .iconbar_text, .ib_button {
+       margin: 0;
+       padding: 0;
+}
+
+.logo, #citlogo, .iconbar_text, #online_users li {
+       text-align: center;
+}
+
+.iconbar_text > span {
+       cursor: pointer;
+}
+
+#iconbar #button { width: 100% }
+
+#online_users {
+       display: none; /* Hide by default */
+       border: 0;
+       max-height: 200px;
+       overflow: auto;
+       padding-left: 0;
+} 
+#online_users li {
+       list-style: none;
+       margin: 0;
+       padding: 2px;
+       white-space: nowrap;
+}
+
+.ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old, .roomlist_floor, .roomlist_new, .roomlist_old {
+       margin: 4px;
+       padding: 0;
+}
+
+.ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old {
+       cursor: pointer;
+}
+
+.ib_roomlist_floor, .roomlist_new, .ib_roomlist_new {
+       font-weight: 700;
+}
+
+.ib_roomlist_floor {
+       color: #000;
+}
+
+.roomlist_new, .ib_roomlist_new {
+       color: #800;
+}
+
+.roomlist_old, .ib_roomlist_old {
+       color: #008;
+}
+
+#ib_logoff:hover {
+       background-color: #AD1C00;
+       color: #FFF;
+}
+

diff --git a/webcit/static/styles/login.css b/webcit/static/styles/login.css
new file mode 100644 (file)
index 0000000..c98d608
--- /dev/null
+++ b/webcit/static/styles/login.css
@@ -0,0 +1,70 @@
+#login_screen, #logout_screen {
+       position: fixed;
+       margin: 0px;
+       top: 0px;
+       left: 0px;
+       bottom: 0px;
+       right: 0px;
+       padding: 3% 6% 3% 6%;
+       overflow: auto;
+}
+
+#login_screen .login_message, #login_screen .login_image, .login_hello, #login_screen #login_form {
+       display: block;
+       margin: 5px auto 5px auto;
+}
+
+#login_screen .login_message, .login_hello { width: 80% }
+
+#login_screen .login_image { width: 135px }
+
+#login_screen .login_image img { text-align: center }
+
+#login_screen #login_form {
+       padding: 10px;
+       width: 330px;
+}
+
+#login_form input, #login_form label, #login_form select {
+       display: block;
+       float: left;
+       margin: 6pt;
+}
+ 
+#login_form label, #pname, #uname {
+       width: 130px;
+       text-align: left;
+}
+ 
+#login_form br { clear: left }
+
+.login_infos {
+       display: block;
+       margin: 20px auto 0 auto;
+       width: 80%;
+       text-align: left;
+}
+
+
+#convlogin { text-align: center }
+
+#login_form{ background-color: #CCC}
+
+.login_message {
+       color: #AD1C00;
+       font-weight: 700;
+       text-transform: uppercase;
+}
+
+#login_form #uname, #login_form #pname {
+       background-color: #fbf4ca !important; /* needed for li.activeuser */
+       border: 1px solid #999;
+       color: #333;
+}
+
+.logbuttons input {
+       cursor: pointer;
+       -moz-border-radius: 8px;    /* CSS3 draft and Mozilla  */
+       text-align: center;
+       font-weight: bold;
+}

diff --git a/webcit/static/styles/navbar.css b/webcit/static/styles/navbar.css
new file mode 100644 (file)
index 0000000..9cd05d1
--- /dev/null
+++ b/webcit/static/styles/navbar.css
@@ -0,0 +1,46 @@
+#navbar {
+       font-size: 75%;
+       position: absolute;
+       bottom: 0;
+       width: 100%;
+       background-color: #022750;
+       border-top: 1px solid black;
+       border-bottom: 1px solid black;
+       color: #FFF;
+}
+
+#navbar ul, .selector_top, .selector_bottom {
+       width: 100%;
+       margin: 0 auto 0 auto;
+       padding: 0;
+       white-space: nowrap;
+       text-align: center;
+       vertical-align: middle;
+}
+
+#navbar ul li {
+       display: inline;
+       list-style: none;
+       vertical-align: middle;
+}
+
+#navbar ul li a {
+       padding: 2px 8px 8px 8px;
+       white-space: nowrap;
+}
+
+#navbar ul li a:hover {
+       background-color: #AD1C00;
+       color: #FFF;
+}
+
+#navbar ul li img {
+       float: none;
+       margin: 0 2px 0 2px;
+}
+
+#navbar ul li a img {
+      vertical-align: middle;
+      border: none;
+}
+