Click here to Skip to main content
15,881,248 members
Search within:


Articles / Web Development / ASP.NET
 

Source Code for JQuery ASP.NET Controls

Rate me:
Please Sign up or sign in to vote.
4.56/5 (15 votes)
10 Jun 2009CPOL 67.1K   3.7K   93  
Get a start to building your own JQuery Controls
 
#JQueryTabView1 ul.options-list, 
#JQueryTabView1 ul.events-list,
#JQueryTabView1 ul.methods-list { list-style-type: none; }

#JQueryTabView1 ul.options-list li,
#JQueryTabView1 ul.events-list li,
#JQueryTabView1 ul.methods-list li { clear:left; float:left; width:100%; background: url(http://ui-dev.jquery.com/images/bg-demo-docs-param.gif) repeat-x 0 0; }

#JQueryTabView1 ul.options-list pre,
#JQueryTabView1 ul.events-list pre { width:600px; overflow:auto; }

#JQueryTabView1 ul.options-list code,
#JQueryTabView1 ul.events-list code { display:inline; font-size:1em; }

#JQueryTabView1 .option-header,
#JQueryTabView1 .event-header,
#JQueryTabView1 .method-header { float:left; width:100%; padding:10px 0 8px; border-top:1px solid #e6e6e6; }

#JQueryTabView1 .option-header h3,
#JQueryTabView1 .event-header h3,
#JQueryTabView1 .method-header h3 { float:left; width:30%; margin:0 0 0 10px; padding:0 0 0 15px; line-height: 1; background: url(http://ui-dev.jquery.com/images/demo-spindown-closed.gif) no-repeat left; cursor: pointer; cursor: hand; }

#JQueryTabView1 .header-open h3 { background: url(http://ui-dev.jquery.com/images/demo-spindown-open.gif) no-repeat left; }

#JQueryTabView1 .option-description, 
#JQueryTabView1 .event-description, 
#JQueryTabView1 .method-description,
#JQueryTabView1 .option-examples,
#JQueryTabView1 .event-examples { padding:0 10px 0 25px; }

#JQueryTabView1 .option-examples,
#JQueryTabView1 .event-examples { padding-bottom:15px; }

#JQueryTabView1 .option-header dl,
#JQueryTabView1 .event-header dl,
#JQueryTabView1 .method-header dl { float:right; width: 65%; }

#JQueryTabView1 .option-header dt,
#JQueryTabView1 .event-header dt,
#JQueryTabView1 .option-header dd,
#JQueryTabView1 .event-header dd { float:left; font-size:1.1em; }

#JQueryTabView1 .option-header dt,
#JQueryTabView1 .event-header dt { color:#888; padding-right:.5em; }

#JQueryTabView1 .option-header dt.option-type-label,
#JQueryTabView1 .method-header dt.method-signature-label { display:none; }

#JQueryTabView1 .option-header dd,
#JQueryTabView1 .event-header dd { width:35%; margin:0; padding-right:15px; }

#JQueryTabView1 .option-header dd span { border-bottom: 1px dashed #999; cursor: pointer; cursor: hand; }
#JQueryTabView1 .option-header dd span:hover { border-bottom: 1px dashed #000; color: #999; cursor: pointer; cursor: hand; }

#JQueryTabView1 .option-examples-list dd,
#JQueryTabView1 .event-examples-list dd { padding:0 0 0 20px; margin:0; }


/* overrides for ui-tab & ui-dialog styles */
#JQueryTabView1 ul.ui-tabs-nav { padding:0 0 0 8px; }
#JQueryTabView1 .ui-tabs-nav li { margin:5px 5px 0 0; }

#JQueryTabView1 .ui-tabs-nav li a:link,
#JQueryTabView1 .ui-tabs-nav li a:visited,
#JQueryTabView1 .ui-tabs-nav li a:hover,
#JQueryTabView1 .ui-tabs-nav li a:active { font-size:14px; padding:4px 1.2em 3px; color:#fff; }

#JQueryTabView1 .ui-tabs-nav li.ui-tabs-selected a:link,
#JQueryTabView1 .ui-tabs-nav li.ui-tabs-selected a:visited,
#JQueryTabView1 .ui-tabs-nav li.ui-tabs-selected a:hover,
#JQueryTabView1 .ui-tabs-nav li.ui-tabs-selected a:active { color:#e6820E; }

#JQueryTabView1 .ui-tabs-panel { padding:20px 9px; font-size:12px; line-height:1.4; color:#000; }

#JQueryTabView1.ui-widget-content,
#JQueryTabView1 .ui-widget-content { background-image:none; background-color:#fff; border:0; }

#JQueryTabView1 .ui-widget-content a:link,
#JQueryTabView1 .ui-widget-content a:visited { color:#1b75bb; text-decoration:none; }
#JQueryTabView1 .ui-widget-content a:hover,
#JQueryTabView1 .ui-widget-content a:active { color:#0b559b; }


#JQueryTabView1.ui-corner-all {
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
}

#demo-dialog .ui-dialog-title { font-size:1.2em; }

#JQueryTabView1 .toggle-docs-details { float:right; margin:0 0.4em 0.4em; }
#JQueryTabView1 .toggle-docs-details a { margin:0 0.4em;cursor:pointer; }

#JQueryTabView1.ui-widget { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; }

#JQueryTabView1.ui-widget input, 
#JQueryTabView1.ui-widget select, 
#JQueryTabView1.ui-widget textarea, 
#JQueryTabView1.ui-widget button { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; }

#JQueryTabView1 .ui-widget-header { border: 1px solid #ffffff; background: #464646 url(images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }

#JQueryTabView1 .ui-widget-header a { color: #ffffff; }

#JQueryTabView1 .ui-widget-content { border: 1px solid #ffffff; background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x; color: #222222; }

#JQueryTabView1 .ui-widget-content a { color: #222222; }


/* Interaction states
----------------------------------*/
#JQueryTabView1 .ui-state-default, 
#JQueryTabView1 .ui-widget-content .ui-state-default { border: 1px solid #666666; background: #555555 url(images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }

#JQueryTabView1 .ui-state-default a { color: #ffffff; text-decoration: none; outline: none; }

#JQueryTabView1 .ui-state-hover, 
#JQueryTabView1 .ui-widget-content .ui-state-hover, 
#JQueryTabView1 .ui-state-focus, 
#JQueryTabView1 .ui-widget-content .ui-state-focus { border: 1px solid #666666; background: #444444 url(images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }

#JQueryTabView1 .ui-state-hover a{ color: #ffffff; text-decoration: none; outline: none; }

#JQueryTabView1 .ui-state-active, 
#JQueryTabView1 .ui-widget-content .ui-state-active { border: 1px solid #666666; background: #ffffff url(images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x; font-weight: normal; color: #F6921E; outline: none; }

#JQueryTabView1 .ui-state-active a{ color: #F6921E; outline: none; text-decoration: none; }


/* Interaction Cues
----------------------------------*/
#JQueryTabView1 .ui-state-highlight, 
#JQueryTabView1 .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x; color: #363636; }

#JQueryTabView1 .ui-state-error, 
#JQueryTabView1 .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x; color: #cd0a0a; }

#JQueryTabView1 .ui-state-error-text, 
#JQueryTabView1 .ui-widget-content .ui-state-error-text { color: #cd0a0a; }

#JQueryTabView1 .ui-state-disabled, 
#JQueryTabView1 .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

#JQueryTabView1 .ui-priority-primary, 
#JQueryTabView1 .ui-widget-content .ui-priority-primary { font-weight: bold; }

#JQueryTabView1 .ui-priority-secondary, 
#JQueryTabView1 .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }


/* Icons
----------------------------------*/

/* states and images */ 
#JQueryTabView1 .ui-icon{ width: 16px; height: 16px; background-image: url(images/222222_256x240_icons_icons.png); }

#JQueryTabView1 .ui-widget-content .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); }

#JQueryTabView1 .ui-widget-header .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); }

#JQueryTabView1 .ui-state-default .ui-icon { background-image: url(images/888888_256x240_icons_icons.png); }

#JQueryTabView1 .ui-state-hover .ui-icon, 
#JQueryTabView1 .ui-state-focus .ui-icon{background-image: url(images/454545_256x240_icons_icons.png); }

#JQueryTabView1 .ui-state-active .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); }

#JQueryTabView1 .ui-state-highlight .ui-icon {background-image: url(images/2e83ff_256x240_icons_icons.png); }

#JQueryTabView1 .ui-state-error .ui-icon, 
#JQueryTabView1 .ui-state-error-text .ui-icon {background-image: url(images/cd0a0a_256x240_icons_icons.png); }


/* Misc visuals
----------------------------------*/

/* Corner radius */
#JQueryTabView1 .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }

#JQueryTabView1 .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }

#JQueryTabView1 .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }

#JQueryTabView1 .ui-corner-br{ -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }

#JQueryTabView1 .ui-corner-top{ -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }

#JQueryTabView1 .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }

#JQueryTabView1 .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }

#JQueryTabView1 .ui-corner-left{ -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }

#JQueryTabView1 .ui-corner-all{ -moz-border-radius: 4px; -webkit-border-radius: 4px; }


/* Overlays */
#JQueryTabView1 .ui-widget-overlay { background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }

#JQueryTabView1 .ui-widget-shadow{ margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Sike Mullivan
Software Developer (Senior)
United States United States
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

Permalink
Advertise
Privacy
Cookies
Terms of Use
Layout: fixed | fluid

Posted 10 Jun 2009

Article Copyright 2009 by Sike Mullivan
Everything else Copyright © CodeProject, 1999-2024

Web02 2.8:2024-04-02:1