diff options
Diffstat (limited to 'fs_selfservice/fri/theme')
-rw-r--r-- | fs_selfservice/fri/theme/global.css | 87 | ||||
-rw-r--r-- | fs_selfservice/fri/theme/header.css | 83 | ||||
-rw-r--r-- | fs_selfservice/fri/theme/iefixes.css | 16 | ||||
-rw-r--r-- | fs_selfservice/fri/theme/images/arrow-asc.gif | bin | 0 -> 86 bytes | |||
-rw-r--r-- | fs_selfservice/fri/theme/images/arrow-desc.gif | bin | 0 -> 85 bytes | |||
-rw-r--r-- | fs_selfservice/fri/theme/layout.css | 420 | ||||
-rw-r--r-- | fs_selfservice/fri/theme/logo.gif | bin | 0 -> 2819 bytes | |||
-rw-r--r-- | fs_selfservice/fri/theme/main.css | 13 | ||||
-rw-r--r-- | fs_selfservice/fri/theme/navigation.css | 166 | ||||
-rw-r--r-- | fs_selfservice/fri/theme/page.tpl.php | 78 | ||||
-rw-r--r-- | fs_selfservice/fri/theme/spacer.gif | bin | 0 -> 43 bytes | |||
-rw-r--r-- | fs_selfservice/fri/theme/text.css | 10 |
12 files changed, 873 insertions, 0 deletions
diff --git a/fs_selfservice/fri/theme/global.css b/fs_selfservice/fri/theme/global.css new file mode 100644 index 000000000..cd97aa285 --- /dev/null +++ b/fs_selfservice/fri/theme/global.css @@ -0,0 +1,87 @@ +/* + * Global Styles + */ + +body { + color: #333; + background-color: white; + font-family: Verdana, Helvetica, Arial, sans-serif; +} + +div { + font-family: Verdana, Helvetica, Arial, sans-serif; +} + +h2 { + font-size: 1.2em; + font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana, sans-serif; + margin-top: 0; + margin-bottom: 0; + color: #555; +} + +h3 { + font-size: 1em; + margin-top: 1.5em; + font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana, sans-serif; + margin-top: 0; + margin-bottom: 0; + color: #555; +} + + +h4 { + font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana, sans-serif; + margin-top: 0; + margin-bottom: 0; + color: #555; + margin-top: 1.5em +} + + + +sup { + font-size: 9px +} + +small small { + font-family: Verdana, Helvetica, Arial, sans-serif; + font-weight: bold; +} + + + +/***** info popups *****/ +a.info { + position:relative; + color:black; + border-bottom:1px dashed #ccc; +} +/* Added to solve the z-order problem of IE +*/ +a.info:hover { + background-color: #FFA178; + z-index:2; +} +/* End */ +a.info span{ + display: none; + background-color: #FFA178; +} +a.info:hover span{ + display:block; + position:absolute; + z-index:1; + top:2em; + left:-10em; + width:25em; + border:1px solid #F2AF1D; + background-color:#FDF1D5; + color:#000; + text-align:justify; + font-size:10px; + font-weight:normal; + padding:3px; + line-height:15px; +} + diff --git a/fs_selfservice/fri/theme/header.css b/fs_selfservice/fri/theme/header.css new file mode 100644 index 000000000..1c28e7a5a --- /dev/null +++ b/fs_selfservice/fri/theme/header.css @@ -0,0 +1,83 @@ +/* + * Header + */ + +/* Header */ + +#ariHeader { + position: relative; + background: #105D90; + height: 72px; + margin: 0; + padding: 0; + clear: both; +} + +#ariHeader span.left { + position: relative; + height: 72px; + border: 0px; + padding: 0px; + margin: 0px; + float: left; +} + +#ariHeader img { + border: 0px; +} + +#ariHeader span.right { + height: 72px; + border: 0px; + padding: 0px; + margin: 0px; + float: right; +} + +#ariHeader img { + border: 0px; +} + +/* Topnav */ + +#topnav { + width: 100%; + height: 36px; + border: 0; + padding: 0; + margin-top: -1px; /* stupid browser hack */ + color: #999; + background-color: #333; +} + +#topnav span.left { + float: left; + text-align: left; + font-weight: bold; + color: #fff; + width: 49%; +} + +#topnav span.right { + float: right; + text-align: right; + font-weight: bold; + color: #fff; + width: 49%; +} + +.topnav small b { + font-family: Verdana, Helvetica, Arial, sans-serif; + font-weight: bold; + background-color: #105D90; +} + +/* Headerspacer */ + +#headerspacer { + border: 0; + padding: 0; + margin-top: -16px; /* stupid browser hack */ + background-color: #fff; + height: 16px +}
\ No newline at end of file diff --git a/fs_selfservice/fri/theme/iefixes.css b/fs_selfservice/fri/theme/iefixes.css new file mode 100644 index 000000000..a7939a454 --- /dev/null +++ b/fs_selfservice/fri/theme/iefixes.css @@ -0,0 +1,16 @@ +/* + * IE Fixes + */ + +/*Win IE fix \*/ +* html .minwidth { border-left: 760px solid #fff; position: relative; float: left; z-index: 1; } + +/*End Win IE fix*/ + +/*Win IE fix \*/ +* html .container { margin-left: -760px; position: relative; float: left; z-index :2; } +/*End Win IE fix*/ + + + + diff --git a/fs_selfservice/fri/theme/images/arrow-asc.gif b/fs_selfservice/fri/theme/images/arrow-asc.gif Binary files differnew file mode 100644 index 000000000..46a5848be --- /dev/null +++ b/fs_selfservice/fri/theme/images/arrow-asc.gif diff --git a/fs_selfservice/fri/theme/images/arrow-desc.gif b/fs_selfservice/fri/theme/images/arrow-desc.gif Binary files differnew file mode 100644 index 000000000..6f4e5e6e7 --- /dev/null +++ b/fs_selfservice/fri/theme/images/arrow-desc.gif diff --git a/fs_selfservice/fri/theme/layout.css b/fs_selfservice/fri/theme/layout.css new file mode 100644 index 000000000..a398714ee --- /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 */ +} + + + + + + + + + + + + + + + diff --git a/fs_selfservice/fri/theme/logo.gif b/fs_selfservice/fri/theme/logo.gif Binary files differnew file mode 100644 index 000000000..b2d23d7a6 --- /dev/null +++ b/fs_selfservice/fri/theme/logo.gif diff --git a/fs_selfservice/fri/theme/main.css b/fs_selfservice/fri/theme/main.css new file mode 100644 index 000000000..6b9ba9405 --- /dev/null +++ b/fs_selfservice/fri/theme/main.css @@ -0,0 +1,13 @@ +/* + * Main + */ + +@import url("global.css"); +@import url("text.css"); +@import url("layout.css"); +@import url("header.css"); +@import url("navigation.css"); + +@import url("iefixes.css"); + + diff --git a/fs_selfservice/fri/theme/navigation.css b/fs_selfservice/fri/theme/navigation.css new file mode 100644 index 000000000..907851b21 --- /dev/null +++ b/fs_selfservice/fri/theme/navigation.css @@ -0,0 +1,166 @@ +/* + * Navigation + */ + +/* Menu */ + +#menu { + width: 148px; + float: left; +} + +/* Nav */ + +.nav { + font-weight: bold; + color: #105D90; + margin-right: 20px; +} + +.nav p { + margin: 0px; + padding-top: 2px; + padding-bottom: 3px; + background: #FFF; +} + +.nav a:visited { + color: #105D90; +} + +.sub { + margin-left: 1em; +} + +.navtext { + margin-left: 20px; +} + +.nav_b1 { + height: 1px; + font-size: 1px; + overflow: hidden; + display: block; + background: #EEE; + margin:0 5px; +} + +.nav_b2 { + height: 1px; + font-size: 1px; + overflow: hidden; + display: block; + background: #FFF; + border-right: 2px solid #EEE; + border-left: 2px solid #EEE; + margin:0 3px; +} + +.nav_b3 { + height: 1px; + font-size: 1px; + overflow: hidden; + display:block; + background: #FFF; + border-right: 1px solid #EEE; + border-left: 1px solid #EEE; + margin: 0 2px; +} + +.nav_b4 { + height: 2px; + font-size: 1px; + overflow: hidden; + display:block; + background: #FFF; + border-right: 1px solid #EEE; + border-left:1px solid #EEE; + margin:0 1px; +} + +#nav_menu { + background: #FFF; + border-right: 1px solid #EEE; + border-left: 1px solid #EEE; + padding-left: 0.75em; +} + +/* Subnav */ + +.subnav { + font-weight: bold; + color: #105D90; + margin-right: 20px; +} + +.subnav p { + margin: 0px; + padding-top: 2px; + padding-bottom: 3px; + background: #BEC8D1; +} + +.subnav a:visited { + color: #105D90; +} + +.subnav a.current, a:visited.current { + color: #404040; +} + +.subnav_b1 { + height: 1px; + font-size: 1px; + overflow: hidden; + display: block; + background: #aaa; + margin:0 5px; +} + +.subnav_b2 { + height: 1px; + font-size: 1px; + overflow: hidden; + display: block; + background: #BEC8D1; + border-right: 2px solid #aaa; + border-left: 2px solid #aaa; + margin:0 3px; +} + +.subnav_b3 { + height: 1px; + font-size: 1px; + overflow: hidden; + display:block; + background: #BEC8D1; + border-right: 1px solid #aaa; + border-left: 1px solid #aaa; + margin: 0 2px; +} + +.subnav_b4 { + height: 2px; + font-size: 1px; + overflow: hidden; + display:block; + background: #BEC8D1; + border-right: 1px solid #aaa; + border-left:1px solid #aaa; + margin:0 1px; +} + +.subnav_title { + font-weight: normal; + color: #105D90; + font-size: 12px; + padding-left: 1em; +} + +#subnav_menu { + background: #BEC8D1; + border-right: 1px solid #aaa; + border-left: 1px solid #aaa; + padding-left: 1.25em; +} + diff --git a/fs_selfservice/fri/theme/page.tpl.php b/fs_selfservice/fri/theme/page.tpl.php new file mode 100644 index 000000000..9d54659c3 --- /dev/null +++ b/fs_selfservice/fri/theme/page.tpl.php @@ -0,0 +1,78 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <TITLE>User Portal</TITLE> + <link rel="stylesheet" href="theme/main.css" type="text/css"> + <meta http-equiv="content-type" content="text/html; charset=UTF-8"> + </head> + <body> + <div id="page"> + <div class="minwidth"> + <div class="container"> + <div id="topnav"> + <div class="spacer"></div> + <span class="left"> + </span> + <div class="spacer"></div> + </div> + <div id="headerspacer"><img src="theme/spacer.gif" alt=""></div> + <div id="main"> + <div class="minwidth"> + <div class="container"> + <div class="spacer"></div> + <span class="left"> + <div id="menu"> + <div><img height=4 src="theme/spacer.gif" alt=""></div> + <div class="nav"> + <?php if ($nav_menu != '') { ?> + <b class='nav_b1'></b><b class='nav_b2'></b><b class='nav_b3'></b><b class='nav_b4'></b> + <div id='nav_menu'> + <?php print($nav_menu) ?> + </div> + <b class='nav_b4'></b><b class='nav_b3'></b><b class='nav_b2'></b><b class='nav_b1'></b> + <?php } ?> + </div> + <div><img height=14 src="theme/spacer.gif" alt=""></div> + <?php if ($subnav_menu != '') { ?> + <div class="subnav"> + <div class="subnav_title"><?php echo _("Folders")?>:</div> + <b class='subnav_b1'></b><b class='subnav_b2'></b><b class='subnav_b3'></b><b class='subnav_b4'></b> + <div id='subnav_menu'> + <?php print($subnav_menu) ?> + </div> + <b class='subnav_b4'></b><b class='subnav_b3'></b><b class='subnav_b2'></b><b class='subnav_b1'></b> + </div> + <?php } ?> + </div> + </span> + <span class="right"> + <div id="center"> + <?php if ($login != "") { ?> + <?php print($login) ?> + <?php } ?> + <div id="content"> + <!-- begin main content --> + <?php print($content) ?> + <!-- end main content --> + </div> + </div> + </span> + <div class="spacer"></div> + </div> + </div> + </div> + <!--begin footer--> + <div id="ariFooter"> + <small> + <!-- <?php print($ari_version) ?> <?php echo _("Version")?><br> --> + Freeside Recording Interface (c) 2008 Freeside Internet Services, Inc.<br> + <a href="http<?php print(isset($_SERVER['HTTPS'])&&$_SERVER['HTTPS']!=''?'s':''); ?>://www.littlejohnconsulting.com">Based on ARI from Littlejohn Consulting</a> + </small> + </div> + <!-- end footer --> + </div> + </div> + </div> + </body> +</html> + diff --git a/fs_selfservice/fri/theme/spacer.gif b/fs_selfservice/fri/theme/spacer.gif Binary files differnew file mode 100644 index 000000000..8f096840c --- /dev/null +++ b/fs_selfservice/fri/theme/spacer.gif diff --git a/fs_selfservice/fri/theme/text.css b/fs_selfservice/fri/theme/text.css new file mode 100644 index 000000000..9625ca0bb --- /dev/null +++ b/fs_selfservice/fri/theme/text.css @@ -0,0 +1,10 @@ +/* + * Text + */ + +/* Error */ + +.error { + color: #CC3333; +} + |