(no commit message)

[freeside.git] / fs_selfservice / fri / theme / layout.css

diff --git a/fs_selfservice/fri/theme/layout.css b/fs_selfservice/fri/theme/layout.css
new file mode 100644 (file)
index 0000000..a398714
--- /dev/null
+++ b/fs_selfservice/fri/theme/layout.css
@@ -0,0 +1,420 @@
+/*
+ * Layout 
+ */
+
+/* Page */
+
+#page {
+  background-color: white;
+  text-align: left;
+  min-width: 760px;
+}
+
+/* main */
+
+#main {
+  min-width: 760px;
+  float: left;
+}
+
+#main span.left {
+  float: left;
+}
+
+#main span.right {
+  float: left;
+}
+
+/* Center */
+
+#center {
+  float: left;
+  margin-bottom: 20px;
+}
+
+/* Login */
+
+#login  {  
+  margin: 0;
+  padding: 0;
+}
+#login p { 
+  font-size: 0.7em;
+}
+table#login  {  
+  width: 600px;
+  border: 0px;
+}
+table#login td.right {  
+  text-align: right;
+  width: 20%;
+}
+table#login td.left {  
+  text-align: left;
+}
+table#login td.small {  
+  font-size: 0.7em;
+}
+table#login_text  { 
+  margin-left: 60px; 
+  font-size: 0.8em;
+  text-align: left;
+}
+
+/* i18n lang */
+
+.lang {
+  display: inline;
+  font-size: 0.8em;
+  margin: 0;
+  padding: 0;
+}
+.lang_code {
+  margin: 0;
+  padding: 0;
+  width: 10em;
+}
+
+/* Line */
+
+#line {
+  min-width: 604px;
+  border: 1px solid #333; 
+  padding: 0;
+  margin: 0;  
+  color: #999;
+  background-color: #333;
+  height: 1px;
+}
+#line span.left {
+  float: left;
+  text-align: left;
+  font-weight: bold;
+  color: #fff;
+  width: 49%;
+}
+#line span.right {
+  float: right;
+  text-align: right;
+  font-weight: bold;
+  color: #fff;
+  width: 49%;
+}
+
+/* Navbar */
+
+#navbar {
+  width: 604px;
+  height: 24px;
+  border: 1px; 
+  padding: 0;
+  margin-bottom: 0;
+  color: #fff;
+  background-color: #333;
+}
+#navbar span.left {
+  margin: 2px;
+  float: left;
+  text-align: left;
+  font-weight: bold;
+  vertical-align: middle;
+  width: 49%;
+}
+#navbar span.right {
+  margin: 2px;
+  float: right;
+  text-align: right;
+  font-weight: bold;
+  vertical-align: middle;
+  width: 49%;
+}
+
+/* Info Bar */
+
+#info_bar {
+  min-width: 604px;
+  border: 1px solid #333; 
+  padding: 3px;
+  margin-top: -1px;  /* stupid browser hack */
+  color: #999;
+  background-color: #333;
+  height: 20px;
+}
+#info_bar span.left {
+  float: left;
+  text-align: left;
+  font-weight: bold;
+  color: #fff;
+  width: 49%;
+}
+#info_bar span.right {
+  float: right;
+  text-align: right;
+  font-weight: bold;
+  color: #fff;
+  width: 49%;
+}
+.info_bar a:link {
+  color: white;
+  text-decoration: none;
+}
+.info_bar a:active, a:link {
+  color: #105D90;
+}
+.info_bar a:hover {
+  color: #fc0;
+}
+.info_bar small b  {
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-weight: bold;
+}
+input.infoBar {
+  font-size: 11px;
+  padding: 0px;
+  height: 22px;
+}
+
+/* bars */
+
+.bar {
+  margin: 0;
+}
+
+.bar_left {
+  width: 604px;
+  margin: 0 0 16px 0; 
+  padding: 0;
+}
+
+.bar_center {
+  width: 604px;
+  text-align: center;
+  margin: 0 0 16px 0; 
+  padding: 0;
+}
+.bar_center a:active, .bar_center a:hover {
+  color: red;
+}
+
+/* Subheader */
+
+#subheader {
+  padding: 0px; 
+  margin: 0px;
+  margin-bottom: 16px;
+}
+
+/* servBodL */
+
+.servBodL { 
+  border-left: 1px dotted #CEDCEA; 
+}
+
+/* Callmonitor */
+
+table.callmonitor { 
+  border: 1px #6699CC solid;
+  border-collapse: collapse;
+  border-spacing: 0px;
+  margin: 0 0 16px 0;
+  width: 604px;
+}
+table.callmonitor th { 
+  background-color: #BEC8D1;
+  border: 1px solid #6699CC;
+  border-bottom: 2px solid #6699CC;
+  text-align: center;
+  font-family: Verdana;
+  font-weight: bold;
+  font-size: 0.7em;
+  color: #404040;
+}
+table.callmonitor th a { 
+  color: #404040;
+}
+table.callmonitor img { 
+  border: 0;
+}
+table.callmonitor td { 
+  background-color: white;
+  border: 1px solid #6699CC;
+  color: #404040;
+  font-family: Verdana, sans-serif, Arial;
+  font-weight: normal;
+  font-size: 0.7em;
+  padding: 3px;
+  text-align: center;
+}
+table.callmonitor td.checkbox { 
+  padding: 1px;
+}
+
+/* Voicemail */
+
+.voicemail {
+  margin: 0px;
+}
+table.voicemail { 
+  border: 1px #6699CC solid;
+  border-collapse: collapse;
+  border-spacing: 0px;
+  margin: 0 0 16px 0;
+  width: 604px;
+}
+table.voicemail th { 
+  background-color: #BEC8D1;
+  border: 1px solid #6699CC;
+  border-bottom: 2px solid #6699CC;
+  text-align: center;
+  font-family: Verdana;
+  font-weight: bold;
+  font-size: 0.7em;
+  color: #404040;
+}
+table.voicemail th a { 
+  color: #404040;
+}
+table.voicemail img { 
+  border: 0;
+}
+table.voicemail td { 
+  background-color: white;
+  border: 1px solid #6699CC;
+  color: #404040;
+  font-family: Verdana, sans-serif, Arial;
+  font-weight: normal;
+  font-size: 0.7em;
+  padding: 3px;
+  text-align: center;
+}
+table.voicemail td.checkbox { 
+  padding: 1px;
+}
+
+/* Help */
+
+.help {
+  margin: 0px;
+}
+table.help { 
+  border: 1px #6699CC solid;
+  border-collapse: collapse;
+  border-spacing: 0px;
+  margin: 0 0 16px 0;
+}
+table.help th { 
+  background-color: #BEC8D1;
+  border: 1px solid #6699CC;
+  border-bottom: 2px solid #6699CC;
+  font-family: Verdana;
+  font-weight: bold;
+  font-size: 0.7em;
+  color: #404040;
+}
+table.help th.feature_codes { 
+  text-align: center;
+  width: 9em;
+}
+table.help th a { 
+  color: #404040;
+}
+table.help img { 
+  border: 0;
+}
+table.help td { 
+  background-color: white;
+  border: 1px solid #6699CC;
+  color: #404040;
+  font-family: Verdana, sans-serif, Arial;
+  font-weight: normal;
+  font-size: 0.7em;
+  padding: 3px;
+}
+table.help td.feature_codes { 
+  text-align: center;
+}
+table.help td.checkbox { 
+  padding: 1px;
+}
+
+/* Settings */
+
+.settings { 
+  font-family: Verdana, sans-serif, Arial;
+  font-weight: normal;
+  font-size: 0.9em;
+  padding: 0;
+  margin: 0;
+}
+table.settings { 
+  font-family: Verdana;
+  color: #404040;
+  border-collapse: collapse;
+  border-spacing: 0px;
+  padding-bottom: 3px;
+}
+table.settings td { 
+  color: #404040;
+  background-color: white;
+  padding: 3px;
+}
+table.settings td.note { 
+  color: #105D90;
+}
+
+/* Footer */
+
+#ariFooter {
+  color: #999;
+  margin-left: 148px;
+  font-size: 10px;
+  overflow: auto;
+/*  width: 100%; */
+  clear: both;
+}
+
+#ariFooter a {
+  text-decoration: none;
+  color: #999;
+}
+
+#ariFooter a:hover {
+  text-decoration: underline;  
+  color: #105D90;
+}
+
+#ariFooter a:link {
+  text-decoration: none;
+  color: #999;
+}
+
+/* Misc */
+
+.ariClearBoth {
+  clear: both;
+  margin: 0;
+  padding: 0;
+}
+
+.ariBlockHide {
+  display: none;
+  height: 0;
+  width: 0;
+  overflow: hidden;
+  position: absolute;  /* IE5 Mac */
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+