CSS TAB DESIGNER

http://www.4shared.com/file/230274484/ccab83f4/CSS_Tab_Designer.html

SilverLight Code

1. Silverlight Using XAML
   
   
   1. Story Board Animation
   
   

   private void ShowLegendPanel()
   
   {
   
   sbLegendShow.Begin();
   
   
   
   if (pnlShade.Opacity > 0)
   
   sbShadeHide.Begin();
   
   if (pnlChemical.Opacity > 0)
   
   sbChemicalHide.Begin();
   
   if (pnlTree.Opacity > 0)
   
   sbTreeHide.Begin();
   
   }
   
   
   
   

   
   
   2. Silverlight Using XAML for button container
   
   

   
   
   
   
   
   
   
   
   
   

   
   
   
   
   1. Silverlight Using XAML for using sliverlight in html page
   
   

   
   
   
   
   
   

   
   
   
   

My Graphics Work

1. Poker Game
   
   
   1. Rounded Table
   
   
   2. Rounded Table with chair
   
   
   3. Lobby Screen
   
   
   4. Lobby Screen
   
   
   
   
   
   
   1. Oval Table
   
   


2. Slot Game
   
   
   1. Fruity Adventure
   
   
   2. Fruity Adventure
   
   
   

.net using css

/* CSS Document */

* {

outline:none;

outline:0;

}

body {

margin:0;

padding:0;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#525252;

}

.header {

height:64px;

background-image:url(../../images/bg_head.jpg);

background-position:top left;

background-repeat:repeat-x;

}

.header_gray {

height:64px;

background-image:url(../../images/bg_head_gray.jpg);

background-position:top left;

background-repeat:repeat-x;

}

.nav {

width:108px;

position:relative;

top:30px;

float:left;

text-align:center;

}

.header .nav a.tab {

display:block;

font-weight:bold;

height:22px;

padding:12px 0 0 0;

text-decoration:none;

background-image:url(../../images/tab.gif);

background-position:top;

background-repeat:no-repeat;

color:#ffffff;

}

.header .nav a.tab:hover {

display:block;

font-weight:bold;

height:26px;

padding:8px 0 0 0;

text-decoration:none;

background-image:url(../../images/tab_on.gif);

background-position:top;

background-repeat:no-repeat;

color:#525252;

text-decoration:underline;

}

.header .nav a.on {

height:26px;

padding:8px 0 0 0;

color:#525252;

background-image:url(../../images/tab_on.gif);

background-position:top;

background-repeat:no-repeat;

}

.subnav {

height:28px;

background-image:url(../../images/bg_subnav.gif);



background-position:top left;

background-repeat:repeat-x;

padding:0 0 0 200px;

overflow:hidden;

}

.sub {

float:left;

text-align:center;

height:100%;

width:auto;

}

.subnav .sub a.subbtn {

display:block;

height:100%;

padding:7px 11px 0 11px;

margin:0 auto;

font-weight:bold;

text-decoration:none;



color:#525252;

white-space:nowrap;

}

.subnav .sub a.subbtn:hover {

height:100%;

padding:7px 10px 0 10px;

margin:0 auto;

border-left:1px solid #a8a8a7;

border-right:1px solid #a8a8a7;

background-image:url(../../images/bg_subnav_on.gif);

background-repeat:repeat-x;

}

.subnav .sub a.on {

height:100%;

padding:7px 10px 0 10px;

margin:0 auto;

border-left:1px solid #a8a8a7;

border-right:1px solid #a8a8a7;

background-image:url(../../images/bg_subnav_on.gif);



background-repeat:repeat-x;

}

.subnav .sub a.subbtn {display:inline-block;



}



.helpbar {

height:25px;

background-image:url(../../images/bg_helpbar.gif);

background-position:top left;

background-repeat:repeat-x;

}

.auxnav {

position:absolute;

top:74px;

left:22px;

width:140px;

z-index:100;

}

.statusbar {

width:100%;

text-align:center;

height:60px;

font-size:11px !important ;

padding:2px 0 0 0;

overflow:hidden;

}

.inprogress, .active, .nonactive {background-position:center;background-repeat:no-repeat;}

.inprogress {background-image:url(../../images/bg_status_inprogress.gif);}

.active {background-image:url(../../images/bg_status_active.gif);}

.nonactive {background-image:url(../../images/bg_status_nonactive.gif);}

.updatebox {

min-height:78px;

background-color:#eaeaea;

background-image:url(../../images/bg_updatebox.gif);

background-position:bottom center;

background-repeat:no-repeat;

text-align:center;

font-size:11px;

padding:6px 6px;

}

.content {

position:relative;

left:200px;

width:800px;

padding:18px 0 0 0;

margin:2px 0 0 0;

line-height:18px;

}

.continue {

position:relative;

left:200px;

width:800px;

border-top:1px solid #ababab;

}

.continue p {

margin-top:10px;

margin-bottom:10px;

}

.continue_rule {

height:6px;

width:100%;

background-color:#ababab;

margin:0 0 8px 0;

}

.tipBubble {

background-image:url(../../images/icon_contact_bubble.gif);

background-position:0 3px;

background-repeat:no-repeat;

padding:0 0 0 20px;

line-height:20px;

}

.divider_rule {

height:12px;

width:100%;

background-image:url(../../images/bg_divider.gif);

background-position:left;

background-repeat:repeat-x;

}

.upload {

height:400px;

background-image:url(../../images/bg_upload.gif);

background-position:top left;

background-repeat:repeat-x;

background-color:#f4f4f4;

}

/*Forbin alert/update box*/

.newsAlert {border:1px solid #e8ef77; background:#f9fdbb; padding:5px 10px 5px 10px; margin:0 0 10px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;

}



/*Forbin news box*/

.newsBox {border:1px solid #999999; padding:5px; margin:0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.newsBox h1 {background:#b70c0c; color:#fff; padding:5px; border:1px solid #ea2121; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}



.newsStory {border-bottom:1px dotted #ccc; padding:0 5px 10px 5px; margin:0 0 10px 0; min-height:150px;}

.newsStory h2 a, .newsBox h2 a:visited {color:#3568ad;}

.newsStory img {float:left; margin:0 10px 10px 0; padding:3px; border:1px solid #ccc;}

/*******************************************************************

H TAGS AND FONT ELEMENTS

*******************************************************************/



.statustext {

color:#ffffff;

}

.statustext h2 {

font-size:14px;

margin:7px 0 2px 0;

line-height:14px;

}

.menu h5 {

font-size:11px;

margin:4px 0 4px 0;

line-height:14px;

}

h1 {

font-size:18px;

margin:0 0 15px 0;

color:#29529e;

}

h2 {

font-size:16px;

margin:0 0 7px 0;

}

h3 {

font-size:14px;

margin:0 0 7px 0;

}

h6 {

font-size:13px;

margin:5px 0 0 0;

}

.blue {

color:#29529e;

}

.light_blue {

color:#0099ee;

}

.white {

color:#ffffff;

}

.success {

background-image:url(../../images/bg_success.gif);

background-color:#e1f9c1;

}

.alert {

background-image:url(../../images/bg_alert.gif);

background-color:#fff6f6;

}

.prompt {

background-image:url(../../images/bg_prompt.gif);

background-color:#ffffff;

}

.success, .alert, .prompt {

padding:10px 5px 10px 43px;

background-position:left;

background-repeat:no-repeat;

border-top:1px solid #e1e1e1;

border-bottom:1px solid #e1e1e1;

}

.errorMessage {

background-image:url(../../images/bg_error.gif);

background-position:left;

background-repeat:no-repeat;

background-color:#f5e5e5;

border-top:1px solid #666;

border-bottom:1px solid #666;

color: #990000;

padding:10px 10px 10px 46px;

text-align:left;

font-weight: bold;

}

.errorText {

color: #FF0000

}

.okMessage {

background-color:#E1F9C1;

background-image:url(../../images/exclamation_sent.jpg);

background-position:left center;

background-repeat:no-repeat;

border-bottom:1px solid #000044;

border-top:1px solid #000044;

color:#006600;

font-weight:bold;

padding:10px 10px 10px 46px;

text-align:left;

}



/*******************************************************************

MISC POSITIONING ELEMENTS

*******************************************************************/

.marquee {

width:124px;

margin:auto;

}

.back {

float:left;

}

.forward {

float:right;

}

.margin_right { /* FOR BUTTONS */

margin-right:5px;

}

.inline {

display:inline;

}

.block {

display:block;

}

.clearFloat {

clear:both;

}

.button {

cursor:pointer;

}

.odd {

background-color:#f7f7f7;

}

.even {

background-color:#ffffff;

}

.hrule {

height:1px;

border-top:1px solid #999999;

margin:4px 0 4px 0;

}

.selectService {

padding:5px;

background-color:#f7f7f7;

border-bottom:1px solid #999999;

margin:0;

}

.assetOverview {

padding:10px;

/* background-color:#f7f7f7;*/

border-bottom:1px solid #999999;

margin:0;

}

.center {

text-align:center;

}

/*******************************************************************

LIST STYLES

*******************************************************************/

ul.services, ul.information {

list-style-image:url(../../images/MenuBarRight.gif);

list-style-position:outside;

font-weight:bold;

}



/*******************************************************************

FORM STYLES

*******************************************************************/

form, Form {

margin:0;

padding:0;

}

.form_input {

font-size:11px;

color:#5a5b5c;

padding:2px;

}

.table_input {

border:1px solid #e6e6e6;

}

textarea, input {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

padding:2px;

}

select {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

}

option {

padding:0 2px 0 2px;

margin:2px 0 2px 0;

}



/*******************************************************************

TABLE STYLES

*******************************************************************/



th, .th {

font-weight:bold;

border-bottom:3px solid #9f9f9f;

/* color:#29529e;*/

}

.th {

padding:10px 0 5px 10px;

}

.odd td {

background-color:#f7f7f7;

border-bottom:1px solid #cecece;

}

.even td {

background-color:#fcfcfc;

border-bottom:1px solid #cecece;

}

.inactive td {

color:#999999;

}

.odd td td, .even td td, .inactive td td {

background-color:transparent;

border:none;

}

.inactiveOption {

color:#999999;

}

h3.inactiveCategory a, .inactiveCategory {

color:#898989;

}

.table_head {

height:1px;

width:100%;

background-color:#9f9f9f;

margin:0;

}

.table_foot {

height:0px;

width:100%;

background-color:#7f7f7f;

margin:0px 0 10px 0;

}



/*******************************************************************

BUTTON STYLES

*******************************************************************/



a.btn_green, a.btn_orange, a.btn_blue {

font-weight:bold;

color:#525252;

background-position:center;

background-repeat:repeat-x;

display:block;

padding:0 5px;

text-decoration:none;

}

a.btn_green {

background-image:url(../../images/btn_bg_green.gif);

border:1px solid #a7cd2c;

}

.btn_Green:hover {

background-image:url(../../images/btn_bg_green.gif);

}

a.btn_orange {

background-image:url(../../images/btn_bg_orange.gif);

border:1px solid #ec6c33;

}

a.btn_orange:hover {

border:1px solid #872b17;

color:#000;

}

a.btn_blue {

background-image:url(../../images/btn_bg_blue.gif);

border:1px solid #0066cc;

}

a.btn_blue:hover {

border:1px solid #003333;

color:#000;

}

.btn_add {

width:257px;

height:31px;

background-image:url(../../images/btn_bg_add.gif);

background-position:top left;

background-repeat:no-repeat;

text-decoration:none;

float:right;

}

.btn_add a {

font-weight:bold;

color:#525252;

text-decoration:none;

display:block;

padding:8px 0 6px 7px;

}

.btn_add a:hover {

color:#29529e;

background-image:url(../../images/btn_bg_add_over.gif);

}

.btn_continue {

width:157px;

height:33px;

background-image:url(../../images/btn_bg_continue.gif);

background-position:top left;

background-repeat:no-repeat;

text-decoration:none;

float:right;

}

.btn_continue a {

font-weight:bold;

color:#525252;

text-decoration:none;

display:block;

padding:6px 0 6px 7px;

}

.btn_continue a:hover {

color:#29529e;

}

.btn_view {

width:157px;

height:33px;

background-image:url(../../images/btn_bg_view.gif);

background-position:top left;

background-repeat:no-repeat;

text-decoration:none;

margin:19px 0 0 0;

float:right;

}

.btn_view a {

font-weight:bold;

color:#525252;

text-decoration:none;

display:block;

padding:6px 0 6px 7px;

}

.btn_view a:hover {

color:#29529e;

background-image:url(../../images/btn_bg_view_over.gif);

}

.btn_modify {

width:157px;

height:33px;

background-image:url(../../images/btn_bg_modify.gif);

background-position:top left;

background-repeat:no-repeat;

text-decoration:none;

margin:10px 0 0 0;

float:right;

}

.btn_modify a {

font-weight:bold;

color:#525252;

text-decoration:none;

display:block;

padding:6px 0 6px 7px;

}

.btn_modify a:hover {

color:#29529e;

}

.btn_save {

width:157px;

height:33px;

background-image:url(../../images/btn_bg_save.gif);

background-position:top left;

background-repeat:no-repeat;

margin:0;

float:right;

}

.btn_save:hover {

background-image:url(../../images/btn_bg_save_over.gif);

}

.btn_save input {

background-color:transparent;

font-family:Arial;

font-size:12px;

font-weight:bold;

color:#525252;

text-decoration:none;

text-align:left;

cursor:pointer;

width:152px;

height:28px;

border:0;

margin:0;

padding:2px 0 0 6px;

}

.btn_save input:hover {

color:#29529e;

}

.btn_save a {

font-weight:bold;

color:#525252;

text-decoration:none;

display:block;

padding:8px 0 6px 25px;

}

.btn_save a:hover {

color:#29529e;

background-image:url(../../images/btn_bg_save_over.gif);

}



.btn_back {

width:157px;

height:33px;

background-image:url(../../images/btn_bg_back.gif);

background-position:top left;

background-repeat:no-repeat;

text-decoration:none;

float:left;

}

.btn_back a {

font-weight:bold;

color:#525252;

text-decoration:none;

display:block;

padding:8px 0 6px 25px;

}

.btn_back a:hover {

color:#29529e;

background-image:url(../../images/btn_bg_back_over.gif);

}



/*******************************************************************

LINKS STYLES

*******************************************************************/



a {color:#29529e;}

a:visited {color:#525252;}

a:hover {text-decoration:none;color:#525252;}



/*******************************************************************

COLORS STYLES

*******************************************************************/

.red {color:#ff0000;}



/*******************************************************************

ADD/REMOVE DYNAMIC CONTROLS STYLES

*******************************************************************/

.iconLink

{

background-repeat:no-repeat;

font-size:11px;

}

.addControl

{

background-image:url(../../images/icon_add.gif);

background-position:left;

padding:2px 0 2px 20px;

margin:0 0 0 5px;

}

.removeControlSetting

{

float:right;

margin:6px 0 10px 0;

}

.removeControl

{

background-image:url(../../images/icon_remove.gif);

background-position:0 3px;

padding:4px 0 4px 20px;

}





/******************* chetu style Sheet ***********************/

.btn_green_edit {

background-image:url(../../images/btn_bg_green.gif);

background-position:top left;

background-repeat:repeat-x;

border:1px solid #a7cd2c;

margin:0;

display:block;

padding:0 5px;

float:right;

}

.btn_green_edit:hover {

background-image:url(../../images/btn_bg_green.gif);

border:1px solid #000;

}

.btn_green_edit input {

background-color:transparent;

font-family:Arial;

font-size:12px;

font-weight:bold;

color:#525252;

text-decoration:none;

text-align:left;

cursor:pointer;



border:0;

margin:0;

padding:2px 0 0 14px;

}

.btn_green_edit input:hover {

color:#29529e;

}



/*-----Class for button serach-------*/

.btn_Search {

width:157px;

height:33px;

background-image:url(../../images/btn_bg_save.gif);

background-position:top left;

background-repeat:no-repeat;

margin:0;

float:right;

}

.btn_Search:hover {

background-image:url(../../images/btn_bg_save_over.gif);

}

.btn_Search input {

background-color:transparent;

font-family:Arial;

font-size:12px;

font-weight:bold;

color:#525252;

text-decoration:none;

text-align:left;

cursor:pointer;

width:152px;

height:33px;

border:0;

margin:0;

padding:2px 0 0 6px;

}

.btn_Search input:hover {

color:#29529e;

}

Scroll-Bar-Color

BODY { margin: 0px 0px 0px 0px; background-color : #FFFFFF ; color
: #000000; scrollbar-3dlight-color: #ffffff; scrollbar-base-color: #000000; scrollbar-darkshadow-color:
#f0f0f0; scrollbar-face-color: #93c600; scrollbar-highlight-color: #000000; scrollbar-shadow-color:
#ffffff; scrollbar-track-color: #f0f0f0; scrollbar-arrow-color: #ffffff; }

Resource for Buttons

1. Glossy Buttons

Software Resource

1. Multiple IE Browser
2. Multiple IE Tester
3. PSD Viewer