From aa316b319d6eb9fee29ab5468a310dbdff330de4 Mon Sep 17 00:00:00 2001 From: ich Date: Wed, 25 Aug 2010 21:39:16 +0000 Subject: [PATCH] Forgot to commit the new, smaller files... And with "fine tuning" I meant finding out in which .css they really belong. I left everything uncertain or ambiguous in webcit.css --- webcit/static/styles/banner.css | 90 +++++++++++++++++++++++++ webcit/static/styles/box.css | 32 +++++++++ webcit/static/styles/content.css | 43 ++++++++++++ webcit/static/styles/global.css | 13 ++++ webcit/static/styles/iconbar.css | 110 +++++++++++++++++++++++++++++++ webcit/static/styles/login.css | 70 ++++++++++++++++++++ webcit/static/styles/navbar.css | 46 +++++++++++++ 7 files changed, 404 insertions(+) create mode 100644 webcit/static/styles/banner.css create mode 100644 webcit/static/styles/box.css create mode 100644 webcit/static/styles/content.css create mode 100644 webcit/static/styles/global.css create mode 100644 webcit/static/styles/iconbar.css create mode 100644 webcit/static/styles/login.css create mode 100644 webcit/static/styles/navbar.css diff --git a/webcit/static/styles/banner.css b/webcit/static/styles/banner.css new file mode 100644 index 000000000..506763810 --- /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 index 000000000..908278158 --- /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 index 000000000..3397ce139 --- /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 index 000000000..0a12c86d9 --- /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 index 000000000..4dbb55897 --- /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 index 000000000..c98d60822 --- /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 index 000000000..9cd05d1b6 --- /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; +} + -- 2.39.2