Implemented drag and drop for the new sticky notes view.
[citadel.git] / webcit / static / webcit.css
index 00b649edf958734048c19bb2aa5b1f83c2d5e818..537a2ce7ff99b6c04ea9706a1c2a6b76a9c78727 100644 (file)
@@ -48,15 +48,6 @@ body {
        cursor: help;
 }
 
-.button_link, input, select, #login_form #uname, #login_form #pname, #wholist li.activeuser a, .room_actions form select, .room_actions li.search input, .address_book_popup_title {
-       background-color: #fbf4ca;
-}
-
-.button_link, input, select, #login_form #uname, #login_form #pname, .room_actions form select, .room_actions li.search input, .address_book_popup_title {
-       border: 1px solid #999;
-       color: #333;
-}
-
 .login_message {
        color: #AD1C00;
        font-weight: 700;
@@ -135,12 +126,6 @@ body {
        color: #000;
 }
 
-input#delbutton,.attachfile, .logbuttons input,.buttons input {
-       background-color: transparent;
-       border: 2px groove #AAA;
-       color: #000;
-}
-
 #message_list_hdr form input {
        border: 0;
 }
@@ -174,6 +159,7 @@ input#delbutton,.attachfile, .logbuttons input,.buttons input {
 
 .message_header .message_subject {
        font-style: italic;
+       float: left;    
 }
 
 .adminlist {
@@ -199,7 +185,7 @@ input#delbutton,.attachfile, .logbuttons input,.buttons input {
        width: 150px;
 }
 
-.error a: link,.error a:visited,.error a:active {
+.error a:link, .error a:visited, .error a:active {
        background: none;
        color: #DC143C;
        text-decoration: underline;
@@ -211,7 +197,7 @@ input#delbutton,.attachfile, .logbuttons input,.buttons input {
        text-decoration: none;
 }
 
-.error strong a: link,.error strong a:visited,.error strong a:active {
+.error strong a:link,.error strong a:visited,.error strong a:active {
        background: #FFD700;
        color: #DC143C;
 }
@@ -302,7 +288,7 @@ input#delbutton,.attachfile, .logbuttons input,.buttons input {
        color: highlighttext;
 }
 
-.warning a: link,.warning a:visited,.warning a:active, .warning {
+.warning a:link,.warning a:visited,.warning a:active, .warning {
        background: none;
        color: #FF4500;
 }
@@ -311,7 +297,7 @@ input#delbutton,.attachfile, .logbuttons input,.buttons input {
        text-decoration: none;
 }
 
-.warning a: link,.warning a:visited,.warning a:active {
+.warning a:link,.warning a:visited,.warning a:active {
        text-decoration: underline;
 }
 
@@ -320,7 +306,7 @@ input#delbutton,.attachfile, .logbuttons input,.buttons input {
        color: #FF4500;
 }
 
-.warning strong a: link,.warning strong a:visited,.warning strong a:active {
+.warning strong a:link,.warning strong a:visited,.warning strong a:active {
        background: #FFD700;
        color: #FF4500;
 }
@@ -441,22 +427,38 @@ a:link { color: blue; }
 
 a:visited { color: purple; }
 
-.msgbuttons a {
-       border: 2px groove #AAA;
-       color: #000;
-}
-
 #important_message, .buttons a:hover, .msgbuttons a:hover, input:hover, #button li a:hover, #wholist li a:hover, #navbar ul li a:hover {
        background-color: #AD1C00;
        color: #FFF;
 }
 
 
-.button_link a {
-       font-weight: normal;
+
+.button_link a, input, select, #login_form #uname, #login_form #pname, #wholist li.activeuser a, .room_actions form select, .room_actions li.search input, .address_book_popup_title, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
+       background-color: #fbf4ca;
+}
+
+.button_link a, input, select, #login_form #uname, #login_form #pname, .room_actions form select, .room_actions li.search input, .address_book_popup_title, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
+       border: 1px solid #999;
        color: #333;
 }
 
+
+.button_link a, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
+       cursor: pointer;
+        -moz-border-radius: 8px;    /* CSS3 draft and Mozilla  */
+       text-align: center;
+}
+
+.button_link a, .attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
+       font-weight: bold;
+}
+
+.msgbuttons a, input#delbutton {
+       font-weight: normal;
+}
+
+
 /* Layout */
 
 * html {
@@ -479,6 +481,7 @@ body, #global {
        top: 0; 
        right: 0;
        z-index: 2;
+       padding: 3px;
 }
 
 #login_screen, #logout_screen {
@@ -598,7 +601,7 @@ body, #global {
 
 #login_screen .login_message, #login_screen .login_image, .login_hello, #login_screen #login_form {
        display: block;
-       margin: 0 auto 0 auto;
+       margin: 5px auto 5px auto;
 }
 
 #login_screen .login_message, .login_hello, #global center {
@@ -606,12 +609,17 @@ body, #global {
 }
 
 #login_screen .login_image {
-       width: 65%;
+        width: 135px;
+}
+
+#login_screen .login_image img {
+        text-align: center;
 }
 
+
 #login_screen #login_form {
        padding: 10px;
-       width: 320px;
+       width: 330px;
 }
 
 #login_form input, #login_form label, #login_form select {
@@ -692,6 +700,11 @@ html>body #button li a {
 }
 
 
+.ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old, .roomlist_floor, .roomlist_new, .roomlist_old {
+       margin: 4px;
+       padding: 0;
+}
+
 /* Banner */
 
 #banner .room_banner {
@@ -793,17 +806,12 @@ html>body #button li a {
        width: 100%;
 }
 
-.service table, .advanced table {
-       margin-top: 0 auto 0 auto;
+.service table {
+       margin: 0 auto 0 auto;
        width: 100%;
        text-align: left;
 }
 
-.advanced table table {
-       margin: 0;
-       padding: 0;
-}
-
 .instructions {
        text-align: center;
 }
@@ -819,6 +827,11 @@ html>body #button li a {
        text-align: center;
 }
 
+.selector_top p,.selector_bottom p {
+       margin: 0;
+       padding: 2px;
+}
+
 .message {
        margin: 1%;
        padding: 0;
@@ -826,20 +839,20 @@ html>body #button li a {
 
 .message_header p {
        margin: 2px 0 2px 0;
-       padding: 0;
+       padding: 0 0 2px 0;
 }
 
-
-
-.button_link {
-       padding: 0 2px 0 2px;
+.button_link a, .attachfile, .logbuttons input,.buttons input, .send_edit_msg input, .logbutton {
+       margin: 3px;
+       padding: 2px 4px 2px 4px;
 }
 
-.msgbuttons a {
-       margin: 0 2px 0 2px;
-       padding: 1px;
+.msgbuttons a, input#delbutton {
+       margin: 0 3px 0 3px;
+       padding: 2px 4px 2px 4px;
 }
 
+
 .mimepart {
        margin-top: 15px;
        margin-bottom: 15px;
@@ -865,6 +878,7 @@ html>body #button li a {
 
 .mimepart dl {
        width: 100%;
+       margin-left: 5px;
        padding: 5px;
 }
 
@@ -895,8 +909,7 @@ dt { clear: both; }
 .msgbuttons {
        float: right;
        visibility: hidden;
-       margin-top: 0;
-       padding: 0;
+       padding: 2px;
 }
 
 .buttons a {
@@ -909,20 +922,21 @@ dt { clear: both; }
 
 .message_content {
        margin: 0;
-       padding: 3px;
+       padding: 0.3em;
        clear: both;
 }
 
 .message form div label {
        display: block;
        float: left;
-       margin: 3px;
+       margin: 0.3em;
        width: 9em;
        text-align: right;
 }
 
 .message form div input, .message form div select {
-       margin: 3px;
+       margin: 0.3em;
+
 }
 
 .imgedit {
@@ -933,7 +947,22 @@ dt { clear: both; }
        float: right;
        margin-top: 0 ;
        margin-right: 0;
-       padding-top: 2px 50px 2px 50px;
+       padding: 2px 50px 2px 50px;
+}
+
+.edit_msg_table th {
+       text-align: right;
+       padding-right: 5px;
+       color: #333;
+       width: 20%;
+}
+
+.edit_msg_table td { 
+       width: 40%;
+}
+
+.edit_msg_table #recp_id, .edit_msg_table #cc_id, .edit_msg_table #bcc_id, .edit_msg_table #subject_id  {
+       width: 98%
 }
 
 .mailbox_summary tr {
@@ -1090,13 +1119,9 @@ table.advanced {
 
 /* Links and buttons */
 
-.send_edit_msg {
-       margin: 0 15px 0 0;
-}
-
 .logbuttons, .buttons {
        margin: 2px auto 2px auto;
-       width: 95%;
+       width: 96%;
        text-align: center;
 }
 
@@ -1205,18 +1230,56 @@ td.events_of_the_day {
        vertical-align: top;
 }
 
-.event {
+.event_framed_unread {
+       filter:alpha(opacity=50);   /* Internet Explorer 6     */
+       -moz-opacity:0.5;           /* Mozilla 1.6 and prec.   */
+       opacity: 0.5;               /* CSS3 draft and Mozilla  */
+       -moz-border-radius: 8px;    /* CSS3 draft and Mozilla  */
+       border: solid 1px red;
+       background-color: yellow;
+       z-index: 10;
+       padding: 0 4px 0 4px; 
+}
+
+li.event_framed_unread span, a.event_title {
+       filter:alpha(opacity=100); 
+       -moz-opacity:1.0;         
+       opacity: 1.0;
+        font-size: 11px;     
+}
+
+.event_framed_read {
        filter:alpha(opacity=50);   /* Internet Explorer 6     */
        -moz-opacity:0.5;           /* Mozilla 1.6 and prec.   */
-       opacity: 0.5;               /* CSS3 and Mozilla  */
-       -moz-border-radius: 8px;    /* CSS3 and Mozilla  */
+       opacity: 0.5;               /* CSS3 draft and Mozilla  */
+       -moz-border-radius: 8px;    /* CSS3 draft and Mozilla  */
        border: solid 1px red;
        background-color: yellow;
        z-index: 10;
        padding: 0 4px 0 4px; 
 }
 
-li.event span, a.event_title {
+li.event_framed_read span, a.event_title {
+       filter:alpha(opacity=100); 
+       -moz-opacity:1.0;         
+       opacity: 1.0;
+        font-size: 11px;     
+}
+
+.event_read {
+}
+
+li.event_read span, a.event_read_title {
+       filter:alpha(opacity=100); 
+       -moz-opacity:1.0;         
+       opacity: 1.0;
+        font-size: 11px;     
+}
+
+.event_unread {
+}
+
+li.event_unread span, a.event_read_title {
        filter:alpha(opacity=100); 
        -moz-opacity:1.0;         
        opacity: 1.0;
@@ -1231,7 +1294,7 @@ li.event span, a.event_title {
    color: #fff;
 }
 
-.mini_calendar a: link,.mini_calendar a:visited {
+.mini_calendar a:link,.mini_calendar a:visited {
    color: #fff;
 }
 
@@ -1244,7 +1307,7 @@ li.event span, a.event_title {
    color: #fff;
 }
 
-.mini_calendar td a: link,.mini_calendar td a:visited {
+.mini_calendar td a:link,.mini_calendar td a:visited {
    color: #fff;
 }
 
@@ -1259,3 +1322,20 @@ li.event span, a.event_title {
        padding: 4px;
 }
 
+.stickynote_outer {
+       position: relative;
+       width: 200px;
+       height: 200px;
+       border: 1px solid black;
+       background-color: #ffff00;
+       overflow: hidden;
+}
+
+.stickynote_titlebar {
+       position: relative;
+       width: 100%;
+       height: 15px;
+       top: 0px;
+       left: 0px;
+       background-color: #888800;
+}