sprinkle some magic ajax fairy dust on referring customer SELEKTAH. rewind! make...
[freeside.git] / rt / html / NoAuth / webrt.css
index 4f8d8ed..5c241f9 100644 (file)
@@ -1,8 +1,9 @@
-%# {{{ BEGIN BPS TAGGED BLOCK
+/*
+%# BEGIN BPS TAGGED BLOCK {{{
 %# 
 %# COPYRIGHT:
 %#  
-%# This software is Copyright (c) 1996-2004 Best Practical Solutions, LLC 
+%# This software is Copyright (c) 1996-2005 Best Practical Solutions, LLC 
 %#                                          <jesse@bestpractical.com>
 %# 
 %# (Except where explicitly superseded by other copyright notices)
 %# works based on those contributions, and sublicense and distribute
 %# those contributions and any derivatives thereof.
 %# 
-%# }}} END BPS TAGGED BLOCK
-SPAN.nav {  font-family: Verdana, Arial, Helvetica, sans-serif;
+%# END BPS TAGGED BLOCK }}}
+*/
+
+/* * {
+  font-family: Arial, Verdana, Helvetica, sans-serif;
+  font-size: 1.2em;
+} */
+
+SPAN.nav {  font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size: 12px;
-%#      color: #FFFFFF;
-        color: #000000;
+        color: #FFFFFF;
         text-decoration: none;
         white-space: nowrap}
 .nav2 {         font-size: 10px;
         white-space: nowrap}
-.nav {  font-family: Verdana, Arial, Helvetica, sans-serif;
+.nav {  font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size: 13px;
-%#      font-weight: normal;
         font-weight: bold;
-%#      color: #FFFFFF;
-        color: #000000;
+        color: #FFFFFF;
         text-decoration: none;
         white-space: nowrap}
-.currentnav {  font-family: Verdana, Arial, Helvetica, sans-serif;
+.currentnav {  font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size: 13px;
          font-weight: bold;
         color: #FFFF66;
         text-decoration: none;
         white-space: nowrap}
-.topnav {  font-family: Verdana, Arial, Helvetica, sans-serif;
+.topnav {  font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size: 16px;
         font-weight: normal;
-%#      color: #FFFFFF;
-        color: #000000;
+        color: #FFFFFF;
+        text-decoration: none;
+        white-space: nowrap}
+
+/*
+%# .topnav is the original RT class for the sidebar navigation tabs.
+%# Font-sizing by level depth was originally hard-coded into Elements/Menu.
+%# This modification sets a different class name for each level, allowing
+%# style sheet control over the formats.
+*/
+
+a.topnav-0 {  font-family: Verdana, sans-serif;
+        font-size: 16px;
+        font-weight: normal;
+        color: #FFFFFF;
+        text-decoration: none;
+        white-space: nowrap}
+a.topnav-1 {  font-family: Verdana, sans-serif;
+        font-size: 14px;
+        font-weight: normal;
+        color: #FFFFFF;
+        text-decoration: none;
+        white-space: nowrap}
+a.topnav-2 {  font-family: Verdana, sans-serif;
+        font-size: 12px;
+        font-weight: normal;
+        color: #FFFFFF;
+        text-decoration: none;
+        white-space: nowrap}
+a.topnav-3 {  font-family: Verdana, sans-serif;
+        font-size: 11px;
+        font-weight: normal;
+        color: #FFFFFF;
+        text-decoration: none;
+        white-space: nowrap}
+a.topnav-4 {  font-family: Verdana, sans-serif;
+        font-size: 11px;
+        font-weight: normal;
+        color: #FFFFFF;
+        text-decoration: none;
+        white-space: nowrap}
+a.topnav-5 {  font-family: Verdana, sans-serif;
+        font-size: 11px;
+        font-weight: normal;
+        color: #FFFFFF;
+        text-decoration: none;
+        white-space: nowrap}
+li.topnav-0-minor {
+        border-top: solid #777777 1px;
+        padding-top: .1em;
+        margin-top: .5em;
+}
+li.topnav-1-minor {
+        border-top: solid #777777 1px;
+        padding-top: .1em;
+        margin-top: .5em;
+}
+li.topnav-2-minor {
+        border-top: solid #777777 1px;
+        padding-top: .1em;
+        margin-top: .5em;
+}
+li.topnav-3-minor {
+        border-top: solid #777777 1px;
+        padding-top: .1em;
+        margin-top: .5em;
+}
+li.topnav-4-minor {
+        border-top: solid #777777 1px;
+        padding-top: .1em;
+        margin-top: .5em;
+}
+li.topnav-5-minor {
+        border-top: solid #777777 1px;
+        padding-top: .1em;
+        margin-top: .5em;
+}
+li.topnav-0-major {
+        border-bottom: solid black 1px;
+        padding-top: .25em;
+        padding-bottom: .5em;
+}
+li.topnav-1-major {
+        border-bottom: solid black 1px;
+        padding-top: .25em;
+        padding-bottom: .5em;
+}
+li.topnav-2-major {
+        border-bottom: solid black 1px;
+        padding-top: .25em;
+        padding-bottom: .5em;
+}
+li.topnav-3-major {
+        border-bottom: solid black 1px;
+        padding-top: .25em;
+        padding-bottom: .5em;
+}
+li.topnav-4-major {
+        border-bottom: solid black 1px;
+        padding-top: .25em;
+        padding-bottom: .5em;
+}
+li.topnav-5-major {
+        border-bottom: solid black 1px;
+        padding-top: .25em;
+        padding-bottom: .5em;
+}
+
+.currenttopnav {  font-family: Arial, Verdana, Helvetica, sans-serif;
+        font-size: 16px;
+         font-weight: bold;
+        color: #ffffff; background-color: #7e0079;
         text-decoration: none;
         white-space: nowrap}
-.currenttopnav {  font-family: Verdana, Arial, Helvetica, sans-serif;
+
+/*
+%# .currenttopnav is the original RT class for the sidebar navigation tabs.
+%# Font-sizing by level depth was originally hard-coded into Elements/Menu.
+%# This modification sets a different class name for each level, allowing
+%# style sheet control over the formats
+*/
+
+a.currenttopnav-0 {  font-family: Verdana, sans-serif;
         font-size: 16px;
          font-weight: bold;
-%#      color: #FFFF66;
-        color: #000000; background-color: #cccccc;
+        color: #ffffff; background-color: #7e0079;
         text-decoration: none;
         white-space: nowrap}
-.topactions {  font-family: Verdana, Arial, Helvetica, sans-serif;
+a.currenttopnav-1 {  font-family: Verdana, sans-serif;
+        font-size: 14px;
+         font-weight: bold;
+        color: #ffffff; background-color: #7e0079;
+        text-decoration: none;
+        white-space: nowrap}
+a.currenttopnav-2 {  font-family: Verdana, sans-serif;
+        font-size: 12px;
+         font-weight: normal;
+        color: #ffffff; background-color: #7e0079;
+        text-decoration: none;
+        white-space: nowrap}
+a.currenttopnav-3 {  font-family: Verdana, sans-serif;
+        font-size: 11px;
+         font-weight: normal;
+        color: #ffffff; background-color: #7e0079;
+        text-decoration: none;
+        white-space: nowrap}
+a.currenttopnav-4 {  font-family: Verdana, sans-serif;
+        font-size: 11px;
+         font-weight: normal;
+        color: #ffffff; background-color: #7e0079;
+        text-decoration: none;
+        white-space: nowrap}
+a.currenttopnav-5 {  font-family: Verdana, sans-serif;
+        font-size: 11px;
+         font-weight: normal;
+        color: #ffffff; background-color: #7e0079;
+        text-decoration: none;
+        white-space: nowrap}
+li.currenttopnav-0-minor {
+        border-top: solid #999999 1px;
+        padding-top: .1em;
+        margin-top: .5em;
+}
+li.currenttopnav-1-minor {
+        border-top: solid #777777 1px;
+        padding-top: .1em;
+        margin-top: .5em;
+}
+li.currenttopnav-2-minor {
+        border-top: solid #777777 1px;
+        padding-top: .1em;
+        margin-top: .5em;
+}
+li.currenttopnav-3-minor {
+        border-top: solid #777777 1px;
+        padding-top: .1em;
+        margin-top: .5em;
+}
+li.currenttopnav-4-minor {
+        border-top: solid #777777 1px;
+        padding-top: .1em;
+        margin-top: .5em;
+}
+li.currenttopnav-5-minor {
+        border-top: solid #777777 1px;
+        padding-top: .1em;
+        margin-top: .5em;
+}
+li.currenttopnav-0-major {
+        border-bottom: solid black 1px;
+        padding-top: .25em;
+        padding-bottom: .5em;
+}
+li.currenttopnav-1-major {
+        border-bottom: solid black 1px;
+        padding-top: .25em;
+        padding-bottom: .5em;
+}
+li.currenttopnav-2-major {
+        border-bottom: solid black 1px;
+        padding-top: .25em;
+        padding-bottom: .5em;
+}
+li.currenttopnav-3-major {
+        border-bottom: solid black 1px;
+        padding-top: .25em;
+        padding-bottom: .5em;
+}
+li.currenttopnav-4-major {
+        border-bottom: solid black 1px;
+        padding-top: .25em;
+        padding-bottom: .5em;
+}
+li.currenttopnav-5-major {
+        border-bottom: solid black 1px;
+        padding-top: .25em;
+        padding-bottom: .5em;
+}
+
+.topactions {  font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size: 10px;
         color: #FFFFFF;
         text-decoration: none;
         white-space: nowrap}
-.subnav {  font-family: Verdana, Arial, Helvetica, sans-serif;
+.subnav {  font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size: 11px;
         font-weight: normal;
         color: #FFFFFF;
         text-decoration: none;
         white-space: nowrap}
-.currentsubnav {  font-family: Verdana, Arial, Helvetica, sans-serif;
+.currentsubnav {  font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size: 11px;
          font-weight: bold;
         color: #FFFF66;
@@ -108,17 +321,17 @@ SPAN.nav {  font-family: Verdana, Arial, Helvetica, sans-serif;
          }
 .blue {
         background-color: #4682B4;
-%#      background-color: #eeeeee;
+/* %#   background-color: #eeeeee; */
         background-position: left top;
         vertical-align: top;
         text-align: left;
          }
-.blueright {
-        background-color: #4682B4;
-%#      background-color: #eeeeee;
+/* %# Actually the "topactions" section */
+.blueright {  background-color: #4682B4;
         background-position: left top;
         vertical-align: top;
         text-align: right;
+         padding-right: 1em;
          }
 .olddarkblue {  background-color: #003399;
         background-position: left top;
@@ -149,6 +362,55 @@ SPAN.nav {  font-family: Verdana, Arial, Helvetica, sans-serif;
         vertical-align: top;
         text-align: right;
          }
+.black {
+        background-color: #000000;
+        color: #ffffff;
+        background-position: left top;
+        vertical-align: top;
+        text-align: left;
+         }
+.blackright { 
+        background-color: #000000;
+        color: #ffffff;
+        background-position: left top;
+        vertical-align: center;
+        text-align: right;
+        font-size:16px;
+        padding-right:4px
+         }
+
+input.fsblackbutton {
+        background-color:#333333;
+        color: #ffffff;
+        border:1px solid;
+        border-top-color:#cccccc;
+        border-left-color:#cccccc;
+        border-right-color:#aaaaaa;
+        border-bottom-color:#aaaaaa;
+        font-family: Arial, Verdana, Helvetica, sans-serif;
+        font-weight:bold;
+        padding-left:12px;
+        padding-right:12px;
+        overflow:visible;
+        filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ff333333',EndColorStr='#ff666666')
+}
+
+input.fsblackbuttonselected {
+        background-color:#7e0079;
+        color: #ffffff;
+        border:1px solid;
+        border-top-color:#cccccc;
+        border-left-color:#cccccc;
+        border-right-color:#aaaaaa;
+        border-bottom-color:#aaaaaa;
+        font-family: Arial, Verdana, Helvetica, sans-serif;
+        font-weight:bold;
+        padding-left:12px;
+        padding-right:12px;
+        overflow:visible;
+        filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ff330033',EndColorStr='#ff7e0079')
+}
+
 .mediumgray {
         background-color: #cccccc;
         background-position: left top;
@@ -161,6 +423,30 @@ SPAN.nav {  font-family: Verdana, Arial, Helvetica, sans-serif;
         vertical-align: top;
         text-align: right;
          }
+.darkmediumgray {
+        background-color: #aaaaaa;
+        background-position: left top;
+        vertical-align: top;
+        text-align: left;
+         }
+.darkmediumgrayright { 
+        background-color: #aaaaaa;
+        background-position: left top;
+        vertical-align: top;
+        text-align: right;
+         }
+.bggray {
+        background-color: #e8e8e8;
+        background-position: left top;
+        vertical-align: top;
+        text-align: left;
+         }
+.bggrayright { 
+        background-color: #e8e8e8;
+        background-position: left top;
+        vertical-align: top;
+        text-align: right;
+         }
 .white {
         background-color: #ffffff;
         background-position: left top;
@@ -184,32 +470,32 @@ div.messagebody {
 
 
 div.downloadattachment {
-    font size: 10px;
+    font-size: 10px;
     text-align: right;
 
 }
 
 
-td {  font-family: Verdana, Arial, Helvetica, sans-serif;
-        font-size: 11px;
+td {  font-family: Arial, Verdana, Helvetica, sans-serif;
+        font-size: 12px;
         background-position: left top;
          }
 .black { background-color: #000000;
         background-position: left top;
          }
-span.rtname {  font-family: Verdana, Arial, Helvetica, sans-serif;
+span.rtname {  font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size: 18px;
         font-weight: normal;
         color: #ffffff}
-span.title {  font-family: Verdana, Arial, Helvetica, sans-serif;
+span.title {  font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size: 20px;
         font-weight: bold;
         color: #ffffff}
-.header {  font-family: Verdana, Arial, Helvetica, sans-serif;
+.header {  font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size: 12px;
         font-weight: bold;
         color: #0066CC}
-.subheader { font-family: Verdana, Arial, Helvetica, sans-serif;
+.subheader { font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size: 11px;
         font-weight: bold;
         color: #0066CC }
@@ -220,9 +506,9 @@ span.title {  font-family: Verdana, Arial, Helvetica, sans-serif;
 .labeltop {       font-weight: normal;
               text-align: right;
               vertical-align: top }
-.productnav {  font-family: Verdana, Arial, Helvetica, sans-serif;
+.productnav {  font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size: 11px;
-        color: #000000;
+        color: #FFFFFF;
         text-align: center;
         vertical-align: middle;
         text-decoration: none}
@@ -244,6 +530,7 @@ TD.mainbody {
         padding-right: 1em;
         margin-left: 1em;
         margin-right: 1em;
+        background-color: #e8e8e8;
 }
 
 td.boxcontainer + td.boxcontainer {
@@ -286,7 +573,7 @@ TD.titlebox {
 
 SPAN.message {
        font-size: 100%;
-        font-family: Verdana, Arial, Helvetica, sans-serif;
+        font-family: Arial, Verdana, Helvetica, sans-serif;
 }
 
 
@@ -329,7 +616,7 @@ DIV.endmatter { margin-left: -7% }
              }
 
 
-A { font-weight: bold; color: #000000;
+A { font-weight: bold; color: #000000
             }
 
 .currenttab { color: #ffffff;}
@@ -343,8 +630,9 @@ A:link IMG, A:visited IMG { border-style: none }
 a:focus {text-decoration: underline }
 A IMG { color: white } /* The only way to hide the border in NS 4.x */
 
-a:link {  text-decoration: none}
-a:visited {  text-decoration: none}  
+/* a:link {  text-decoration: none} */
+/* a:visited {  text-decoration: none}   */
+
 a:hover {  text-decoration: underline}
 /* a:focus { background-color: #ccccee } */
 
@@ -357,7 +645,7 @@ SPAN.date { font-size: 0.8em }
 
 span.title { font-size: 1.6em;
             vertical-align: middle;
-%#          color: #ffffff;
+/* %#       color: #ffffff; */
              color: #000000;
            }
 span.productname { font-size: 2em;
@@ -389,32 +677,21 @@ SPAN.attribution {
 SPAN.label { font-size: 0.8em; 
 }
 
-BLOCKQUOTE {
-  font-style: italic;
-  /* color: #990; */
-}
+DIV.page-stats { font-size: 0.8em;
+                  color: #cccccc;
+                  text-align: right;
+              }
 
-ADDRESS { 
-  text-align: right;
-  font-weight: bold;
-  font-style: italic 
-}
 
-BLOCKQUOTE P {                 /* Try to avoid space above the attribution */
-  margin-bottom: 0;
-}
-BLOCKQUOTE ADDRESS {
-  margin: 0;
+BLOCKQUOTE {
+  font-style: italic;
 }
 
-
 .emphasized {
   font-weight: bold
 }
 
 
-P.map-also { font-style: italic; margin-left: 15%; text-align: right }
-
 .oddline { 
         background-color : #ccccee;
 }
@@ -430,6 +707,44 @@ ul.topnav {
        margin-bottom:0;
 }
 
+.menu-major-separator {
+       border-bottom: solid white 1px;
+       padding-top: .25em;
+       padding-bottom: .5em;
+}
+
+.menu-minor-separator {
+        border-top: solid #999999 1px;
+       padding-top: .1em;
+       margin-top: .5em;
+}
+
+TH.collection-as-table {  text-align: center;
+                          font-size: 0.8em; 
+                          padding-left: .5em;
+                          padding-right: .5em;
+                          color: #333333;
+                          background-color: #cccccc;
+                          white-space: nowrap;
+                  }
+
+TD.collection-as-table {  text-align: left;
+                          padding-left: .5em;
+                          padding-right: .5em;
+                        }
+
+textarea.signature {
+    width: 100%;
+}
+textarea.comments {
+    width: 100%;
+}
+
+textarea.messagebox {
+    width: 100%;
+}
+
+/*
 %# Provide a callback for adding/modifying the style sheet.
 %# http://www.w3.org/TR/REC-CSS1 - section 3.2, says:
 %#   "latter specified rule wins"
@@ -439,5 +754,6 @@ inherit => undef
 </%flags>
 <%init>
 $r->content_type('text/css');
-$r->headers_out->{'Expires'} = '+30m';
+#$r->headers_out->{'Expires'} = '+30m';
 </%init>
+*/