Author: amal Date: Mon Nov 24 02:30:39 2008 New Revision: 24692 URL: http://wso2.org/svn/browse/wso2?view=rev&revision=24692
Log: Modified menu styles Added: trunk/wsas/java/carbon/styles/src/main/resources/web/admin/images/wsas-home-bg.gif (contents, props changed) Modified: trunk/wsas/java/carbon/styles/src/main/resources/web/admin/css/main.css Modified: trunk/wsas/java/carbon/styles/src/main/resources/web/admin/css/main.css URL: http://wso2.org/svn/browse/wso2/trunk/wsas/java/carbon/styles/src/main/resources/web/admin/css/main.css?rev=24692&r1=24691&r2=24692&view=diff ============================================================================== --- trunk/wsas/java/carbon/styles/src/main/resources/web/admin/css/main.css (original) +++ trunk/wsas/java/carbon/styles/src/main/resources/web/admin/css/main.css Mon Nov 24 02:30:39 2008 @@ -1,476 +1,303 @@ -body { +/* ---------------- template styles ------------------------- */ + +table#main-table { } -.cornerExpand { - position: relative; - top: 3px; - left: -12px; - cursor: pointer; + +table#main-table td { } -.cornerCollapse { - position: relative; - top: 3px; - left: -12px; - cursor: pointer; +table#main-table td#header { + background-image: url( ../images/wsas-header-region-bg.gif); } -input[type=text] { - font: 0.8em "Lucida Grande","Lucida Sans","Microsoft Sans Serif", "Lucida Sans Unicode",verdana,sans-serif,"trebuchet ms"; - color: #111; + +table#main-table td#menu-panel { + background-color: #fff; + border-right: solid 1px #407FBF; } -input[type=submit] { - font: 0.8em "Lucida Grande","Lucida Sans","Microsoft Sans Serif", "Lucida Sans Unicode",verdana,sans-serif,"trebuchet ms"; - color: #111; +td#menu table#menu-table { } -input[type=button] { - font: 0.8em "Lucida Grande","Lucida Sans","Microsoft Sans Serif", "Lucida Sans Unicode",verdana,sans-serif,"trebuchet ms"; - color: #111; +table#menu-table td { } -input[type=file] { - font: 0.8em "Lucida Grande","Lucida Sans","Microsoft Sans Serif", "Lucida Sans Unicode",verdana,sans-serif,"trebuchet ms"; - color: #111; - padding: 3px; +table#menu-table td#region1 { } -textarea { - font: 0.8em "Lucida Grande","Lucida Sans","Microsoft Sans Serif", "Lucida Sans Unicode",verdana,sans-serif,"trebuchet ms"; - color: #111; +table#menu-table td#region2 { } -select { - font: 0.8em "Lucida Grande","Lucida Sans","Microsoft Sans Serif", "Lucida Sans Unicode",verdana,sans-serif,"trebuchet ms"; - color: #111; +table#menu-table td#region3 { } -p { +table#main-table td#middle-content { + background-color: #efecf5; } -td { +td#middle-content table#content-table { } -a:link { - color: #386698; - text-decoration: none; +table#content-table td#page-header-links { } -a:visited { - color: #386698; - text-decoration: none; +table#content-table td#body { } -a:hover { - color: #f47b20; +table#main-table td#footer { + background-color: #bfbfbf; +} + +/* ---------------- header styles ------------------ */ +div#header-div { + background-image: url( ../images/wsas-header-bg.gif); } -table tbody tr td { - padding-left: 10px; - padding-right: 10px; - padding-top: 4px; - padding-bottom: 4px; - border: solid 0px #ccc; +div#header-div div.left-logo { + background-image: url( ../images/wsas-header-logo.gif ); } -div#menu { +div#header-div div.right-logo { + background-image: url( ../images/wsas-mgt-logo.gif); } -/*div#menu div.menu-content { - border-left: solid 1px #FCC57B; - border-right: solid 1px #FCC57B; - background-image: url( ../../admin/images/menu-bg.gif ); - background-repeat: repeat-x; - background-position: left top; - background-color: #EFF1F7; - padding-left: 20px; - padding-right: 20px; - padding-top: 5px; +div#header-div div.header-links { } -div#menu div.menu-bottom { - background-image: url( ../../admin/images/menu-bottom.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; -}*/ +div.header-links ul { +} -div#menu ul { - list-style: none; - margin: 0px; - padding: 0px; +div.header-links ul li { } -div#menu ul.main { +/* ------------ page-header-links styles -------------- */ +table.page-header-links-table { } -div#menu ul.main li { - border-bottom: solid 0px #f47b20; - padding-bottom: 0px; - padding-top: 0px; - font-weight: normal; - margin-top: 0px; - margin-left: 0px; +table#main-table table.page-header-links-table tr td.page-header-help { } -div#menu ul.main li.normal { - border-bottom: solid 0px #f47b20; - padding: 0px; +td.page-header-help a { } -/* -div#menu ul.main li.home { - background-image: url( ../../admin/images/menu_home.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; - padding-left: 22px; +table#main-table table.page-header-links-table tr td.breadcrumbs table.breadcrumb-table tr td.breadcrumb-link { } -div#menu ul.main li a.menu-default { - background-image: url( ../../admin/images/default-menu-icon.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; - display: block; - width:223px; - padding-left: 22px; +table#main-table table.page-header-links-table tr td.breadcrumbs table.breadcrumb-table tr td.breadcrumb-current-page { } -div#menu ul.main li.services { - background-image: url( ../../admin/images/menu_services.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; - padding-left: 22px; +/* ------------- menu styles ---------------------- */ +div#menu { } -div#menu ul.main li.monitor { - background-image: url( ../../admin/images/menu_monitor.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; - padding-left: 22px; +div#menu ul.main { } -div#menu ul.main li.manage { - background-image: url( ../../admin/images/menu_manage.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; - padding-left: 22px; +div#menu ul.main li { } -div#menu ul.sub li.ds { - background-image: url( ../../admin/images/menu_ds.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; +div#menu ul.main li.normal { } -div#menu ul.sub li.list-ds { - background-image: url( ../../admin/images/menu_list_ds.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; +div#menu ul.main li a.menu-home { + color: #0067B1; + background-image: url(../images/wsas-home-bg.gif); } -div#menu ul.sub li.global { - background-image: url( ../../admin/images/menu_global_se onfig.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; +div#menu ul.main li a.menu-home:hover { + color: #f47b20; + background-image: none; + background-color: #E0E5F3; } -div#menu ul.sub li.add-ds { - background-image: url( ../../admin/images/menu_add_ds.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; +div#menu ul.main li.menu-header { } -div#menu ul.sub li.upload-ds { - background-image: url( ../../admin/images/menu_upload_ds.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; +div#menu ul.main li a.menu-default { } -div#menu ul.sub li.logging { - background-image: url( ../../admin/images/menu_logging.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; +div#menu ul.main li a.menu-default:hover { + background-color: #F7F8FC; + border-bottom: solid 1px #B9C9E7; + border-top: solid 1px #B9C9E7; + color: #00447C; } -div#menu ul.sub li.transports { - background-image: url( ../../admin/images/menu_transports.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; +div#menu ul.sub { } -div#menu ul.sub li.user-stores { - background-image: url( ../../admin/images/menu_user_stores.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; -} +/* -------------- child no-01 styles -------------- */ -div#menu ul.sub li.user-groups { - background-image: url( ../../admin/images/menu_user_groups.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; +div#menu ul.sub li a.menu-default { } -div#menu ul.sub li.users { - background-image: url( ../../admin/images/menu_users.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; +/* ----------- child no-01 (disabled) styles ------------------- */ + + div#menu ul.sub li a.menu-disabled-link { + } + + div#menu ul.sub li a.menu-disabled-link:hover { + } + +/* -------------- child no-02 styles -------------- */ + +div#menu ul.sub li.normal ul.sub li a.menu-default { } -div#menu ul.sub li.keystores { - background-image: url( ../../admin/images/menu_keystore.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; +/* -------------- child no-03 styles -------------- */ + +div#menu ul.sub li.normal ul.sub li.normal ul.sub li a.menu-default { } -div#menu ul.sub li.logs { - background-image: url( ../../admin/images/menu_logs.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; +/* ------------- footer styles -------------------- */ + +div#footer-div { } -div#menu ul.sub li.tracer { - background-image: url( ../../admin/images/menu_tracer.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; +div#footer-div div.footer-content { } -div#menu ul.sub li.stats { - background-image: url( ../../admin/images/menu_stats.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; +div#footer-div div.footer-content div.copyright { } -div#menu ul.sub li.restart { - background-image: url( ../../admin/images/menu_restart.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; +div#footer-div div.footer-content div.poweredby { + background-image: url( ../images/axis2-powered.gif); } -div#menu ul.sub li.security { - background-image: url( ../../admin/images/menu_security.gif ); - background-repeat: no-repeat; - background-position: left top; - height: 16px; - padding-left: 25px; - border-bottom: solid 1px #ccc; - margin-bottom: 0px; - padding-bottom: 5px; - color: #00447C; -}*/ -div#menu ul.main li a.menu-default { - color: #333; +/* ---- login styles ----- */ + +div#middle div#loginbox { + background-color: #0067B1; + border: solid 1px #fff; + color: #fff; } -div#menu ul.main li.menu-header { - + +div#middle div#loginbox h2 { + color: #fff; + border-bottom: solid 1px #fff; } -div#menu ul.main li a.menu-default:hover { - color: #333; - + +div#middle div#loginbox input { } -div#menu ul.sub { +div#middle div#loginbox label { } -div#menu ul.sub li { +div#middle div#loginbox input[type=submit] { } -div#menu ul.sub li a.menu-default { +div#middle div#loginbox P{ } -div#menu ul.sub li a.menu-disabled-link { -background-position:35px 0px; -background-repeat:no-repeat; -color:#333333; -cursor:text; -line-height:25px; -padding-left:55px; -} -div#menu ul.sub li a.menu-disabled-link:hover { -color: #333; -background-color: transparent; -border-bottom: solid 1px #fff; -border-top: solid 1px #fff; + +div#middle div#loginbox a { } -div#menu ul.sub li a.menu-default:hover { - background-color: #EEF1F9; - border-bottom: solid 1px #B9C9E7; - border-top: solid 1px #B9C9E7; - color: #00447C; - height: 16px; + +div#middle div#loginbox a:hover { } -div#menu ul.sub li.normal ul.sub li a.menu-default { + +/* --------------- table styles -------------------- */ +.tableOddRow{background-color: white;} +.tableEvenRow{background-color: #E0E5F3;} + +.chkBox { } -div#menu ul.sub li.normal ul.sub li a.menu-default:hover { - background-color: #F7F8FC; - border-bottom: solid 1px #B9C9E7; - border-top: solid 1px #B9C9E7; - height: 16px; - color: #00447C; + +.button{ + background-image:url(../images/button_center.gif); + border:solid 1px #6e6e6e; } -div#menu ul.sub li.normal ul.sub li.normal ul.sub li a.menu-default { +.button:focus{ + background-image:url(../images/button_center_focus.gif); } -div#menu ul.sub li.normal ul.sub li.normal ul.sub li a.menu-default:hover { - background-color: #F7F8FC; - border-bottom: solid 1px #B9C9E7; - border-top: solid 1px #B9C9E7; - height: 16px;s - color: #00447C; +.button:hover{ + background-image:url(../images/button_center_over.gif); + border:solid 1px #0064A0; } -div#menu ul.sub li a { - text-decoration: none; - color: #00447C; - padding-left: 25px; -} -div#menu ul.sub li a:hover { - color: #f47b20; -} -///////////////// -/*styles after clicking on links*/ -div#menu ul.main li.home_clicked { - background-image: url( ../../admin/images/menu_home.gif ); - background-repeat: no-repeat; - background-position: left top; - font-weight: bold; - height: 16px; - padding-left: 22px; -} -div#menu ul.sub li.list-ds_clicked { - background-image: url( ../../admin/images/menu_list_ds.gif ); - background-repeat: no-repeat; - background-position: left top; - font-weight: bold; - height: 16px; -} -div#menu ul.sub li.global_clicked { - background-image: url( ../../admin/images/menu_global_config.gif ); - background-repeat: no-repeat; - background-position: left top; - font-weight: bold; - height: 16px; + + + + + +/* ------------ EXISTING STYLES --------------- */ + +.cornerExpand { + position: relative; + top: 3px; + left: -12px; + cursor: pointer; } -div#menu ul.sub li.add-ds_clicked { - background-image: url( ../../admin/images/menu_add_ds.gif ); - background-repeat: no-repeat; - background-position: left top; - font-weight: bold; - height: 16px; +.cornerCollapse { + position: relative; + top: 3px; + left: -12px; + cursor: pointer; +} +input[type=text] { + font: 0.8em "Lucida Grande","Lucida Sans","Microsoft Sans Serif", "Lucida Sans Unicode",verdana,sans-serif,"trebuchet ms"; + color: #111; } -div#menu ul.sub li.upload-ds_clicked { - background-image: url( ../../admin/images/menu_upload_ds.gif ); - background-repeat: no-repeat; - background-position: left top; - font-weight: bold; - height: 16px; +input[type=submit] { + font: 0.8em "Lucida Grande","Lucida Sans","Microsoft Sans Serif", "Lucida Sans Unicode",verdana,sans-serif,"trebuchet ms"; + color: #111; } -div#menu ul.sub li.logging_clicked { - background-image: url( ../../admin/images/menu_logging.gif ); - background-repeat: no-repeat; - background-position: left top; - font-weight: bold; - height: 16px; +input[type=button] { + font: 0.8em "Lucida Grande","Lucida Sans","Microsoft Sans Serif", "Lucida Sans Unicode",verdana,sans-serif,"trebuchet ms"; + color: #111; } -div#menu ul.sub li.transports_clicked { - background-image: url( ../../admin/images/menu_transports.gif ); - background-repeat: no-repeat; - background-position: left top; - font-weight: bold; - height: 16px; +input[type=file] { + font: 0.8em "Lucida Grande","Lucida Sans","Microsoft Sans Serif", "Lucida Sans Unicode",verdana,sans-serif,"trebuchet ms"; + color: #111; + padding: 3px; } -div#menu ul.sub li.user-stores_clicked { - background-image: url( ../../admin/images/menu_user_stores.gif ); - background-repeat: no-repeat; - background-position: left top; - font-weight: bold; - height: 16px; +textarea { + font: 0.8em "Lucida Grande","Lucida Sans","Microsoft Sans Serif", "Lucida Sans Unicode",verdana,sans-serif,"trebuchet ms"; + color: #111; } -div#menu ul.sub li.user-groups_clicked { - background-image: url( ../../admin/images/menu_user_groups.gif ); - background-repeat: no-repeat; - background-position: left top; - font-weight: bold; - height: 16px; +select { + font: 0.8em "Lucida Grande","Lucida Sans","Microsoft Sans Serif", "Lucida Sans Unicode",verdana,sans-serif,"trebuchet ms"; + color: #111; } -div#menu ul.sub li.users_clicked { - background-image: url( ../../admin/images/menu_users.gif ); - background-repeat: no-repeat; - background-position: left top; - font-weight: bold; - height: 16px; +p { } -div#menu ul.sub li.keystores_clicked { - background-image: url( ../../admin/images/menu_keystore.gif ); - background-repeat: no-repeat; - background-position: left top; - font-weight: bold; - height: 16px; +td { } -div#menu ul.sub li.logs_clicked { - background-image: url( ../../admin/images/menu_logs.gif ); - background-repeat: no-repeat; - background-position: left top; - font-weight: bold; - height: 16px; +a:link { + color: #386698; + text-decoration: none; } -div#menu ul.sub li.tracer_clicked { - background-image: url( ../../admin/images/menu_tracer.gif ); - background-repeat: no-repeat; - background-position: left top; - font-weight: bold; - height: 16px; +a:visited { + color: #386698; + text-decoration: none; } -div#menu ul.sub li.stats_clicked { - background-image: url( ../../admin/images/menu_stats.gif ); - background-repeat: no-repeat; - background-position: left top; - font-weight: bold; - height: 16px; +a:hover { + color: #f47b20; } -div#menu ul.sub li.restart_clicked { - background-image: url( ../../admin/images/menu_restart.gif ); - background-repeat: no-repeat; - background-position: left top; - font-weight: bold; - height: 16px; +table tbody tr td { + padding-left: 10px; + padding-right: 10px; + padding-top: 4px; + padding-bottom: 4px; + border: solid 0px #ccc; } -////////////////// div#middle { padding-left: 2px; padding-right: 0px; @@ -718,14 +545,14 @@ /* Neutralize styling: Elements with a vertical margin: */ h1, h2, h3, h4, h5, h6, p, pre, - blockquote, ul, ol, dl, address { + blockquote, ol, dl, address { margin: 0 0 0px; padding: 5px 0 0; } /* Apply left margin: Only to the few elements that need it: */ - li, dd, blockquote { + dd, blockquote { margin-left: 1em; } @@ -1388,172 +1215,4 @@ text-decoration: none } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ -/* ----------------- new styles ----------------------------- */ -/* ---------------- template styles ------------------------- */ -table#main-table { - width: 100%; -} - -table#main-table td { - vertical-align: top; - text-align: left; - padding: 0px; - font-size: .9em; - vertical-align:top; -} - -table#main-table td#header { - background-image: url( ../images/wsas-header-region-bg.gif); - background-repeat: repeat-x; - background-position: left top; - height: 100px; -} - -table#main-table td#menu { - background-image: none; - background-repeat: no-repeat; - background-position: left top; - background-color: #fff; - padding-bottom: 20px; - border-right: solid 1px #407FBF; -} - -td#menu table#menu-table { -} - -table#menu-table td { - vertical-align: top; - text-align: left; - padding: 0px; -} - -table#menu-table td#region1 { -} - -table#menu-table td#region2 { -} - -table#menu-table td#region3 { -} - -table#main-table td#content { - padding-left: 20px; - padding-right: 20px; - padding-top: 15px; - background-color: #efecf5; -} -td#content table#content-table { - width: 100%; -} -table#content-table td#body { -} - -table#main-table td#body { - -} - -table#main-table td#footer { - height: 30px; - background-color: #bfbfbf; -} - -/* ---------------- header styles ------------------ */ -div#header { - background-image: url(../images/wsas-header-bg.gif); - background-repeat: no-repeat; - background-position: left top; - height: 100px; -} -div#header div#left-logo { - background-image: url( ../images/wsas-header-logo.gif); - background-repeat: no-repeat; - background-position: left top; - height: 34px; - width: 332px; - margin-top: 20px; - margin-left: 20px; - float: left; -} -div#header div#right-logo { - background-image: url( ../images/wsas-mgt-logo.gif); - background-repeat: no-repeat; - background-position: left top; - height: 24px; - float: right; - width: 196px; - margin-top: 25px; -} -div#header div#header-links { - background-image: none; - background-repeat: no-repeat; - background-position: right top; - float: right; - height: 25px; - width: 450px; - margin-top: 70px; - margin-right: -186px; - padding-top: 5px; -} -div#header-links ul#menu { - list-style: none; - margin-left: 0px; - margin-top: 0px; - margin-bottom: 0px; - margin-right: 0px; - padding: 0px; - float: right; -} -div#header-links ul#menu li { - position: relative; - float: left; - padding-left: 5px; - padding-right: 5px; - padding-top: 0px; - padding-bottom: 0px; - margin: 0px; -} -/* ------------- footer styles -------------------- */ -div#footer { - -} -div#footer div#content { - -} -div#footer div#content div#copyright { - -} -div#footer div#content div#powerdedby { - background-image: url( ../images/axis2-powered.gif); -} -/* table styles */ -.tableOddRow{background-color: white;} -.tableEvenRow{background-color: #E0E5F3;} - -.chkBox { - margin-left:4px; - margin-top:0; - padding-bottom:0; - padding-left:0; - padding-right:0; - padding-top:0; - vertical-align:bottom; -} -.button{ - background-image:url(../images/button_center.gif); - background-repeat:repeat-x; - background-position:0 0; - margin-left:0px; - margin-top:0px; - margin-bottom:0px; - margin-right:10px; - padding:0px; - border:solid 1px #6e6e6e; -} -.button:focus{ - background-image:url(../images/button_center_focus.gif); -} -.button:hover{ - background-image:url(../images/button_center_over.gif); - border:solid 1px #0064A0; -} \ No newline at end of file Added: trunk/wsas/java/carbon/styles/src/main/resources/web/admin/images/wsas-home-bg.gif URL: http://wso2.org/svn/browse/wso2/trunk/wsas/java/carbon/styles/src/main/resources/web/admin/images/wsas-home-bg.gif?pathrev=24692 ============================================================================== Binary file. No diff available. _______________________________________________ Wsas-java-dev mailing list [email protected] https://wso2.org/cgi-bin/mailman/listinfo/wsas-java-dev
