.wpui-light .ui-tabs { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; padding: 0px !important } .wpui-light ul.ui-tabs-nav { padding-top: 10px; padding-left: 10px; /* -moz-box-shadow: 0 1px 0 #FFF inset; -webkit-box-shadow: 0 1px 0 #FFF inset; -o-box-shadow: 0 1px 0 #FFF inset; box-shadow: 0 1px 0 #FFF inset*/ } .wpui-light .ui-corner-top { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .wpui-light .ui-corner-left { -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px } .wpui-light .ui-corner-bottom { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px } .wpui-light .ui-corner-right { -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 } .wpui-light .ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px } .wpui-light .ui-tabs { /* background: -moz-linear-gradient(top, #fff, #d1d1d1); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d1d1d1)); background: -webkit-linear-gradient(top, #fff, #d1d1d1); background: -o-linear-gradient(top, #fff, #d1d1d1)*/ } .wpui-light .ui-tabs-panel { /* background: -moz-linear-gradient(top, #eee, #d1d1d1); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#d1d1d1)); background: -webkit-linear-gradient(top, #eee, #d1d1d1); background: -o-linear-gradient(top, #eee, #d1d1d1); text-shadow: 0 1px 0 #FFFFFF*/ } .wpui-light ul.ui-tabs-nav { /* border-bottom: 1px solid #AAA; background: -moz-linear-gradient(top, #eee, #d1d1d1); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#d1d1d1)); background: -webkit-linear-gradient(top, #eee, #d1d1d1); background: -o-linear-gradient(top, #eee, #d1d1d1)*/ } .wpui-light .ui-tabs-vertical ul.ui-tabs-nav { /* border-bottom: 1px solid #AAA; background: -moz-linear-gradient(top, #aaa, #eee); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)); background: -webkit-linear-gradient(top, #eee, #aaa); background: -o-linear-gradient(top, #eee, #aaa)*/ } .wpui-light ul.ui-tabs-nav li { /* background: -moz-linear-gradient(top, #ccc, #dadada); background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#dadada)); background: -webkit-linear-gradient(top, #ccc, #dadada); background: -o-linear-gradient(top, #ccc, #dadada); border-color: #AAA; border-width: 1px; border-style: solid;*/ margin-right: 3px; padding: 0px } .wpui-light ul.ui-tabs-nav li a { /* color: #444; text-shadow: 0 1px 0 #FFF;*/ float: left; padding: .4em 1em } .wpui-light ul.ui-tabs-nav li.ui-state-active { /* background: -moz-linear-gradient(top, #f2f2f2, #eee); background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eee)); background: -webkit-linear-gradient(top, #f2f2f2, #eee); background: -o-linear-gradient(top, #f2f2f2, #eee);*/ border-bottom: 0px } .wpui-light .ui-tabs-vertical .ui-tabs-panel { /* box-shadow: 1px 1px 0 #FFF inset*/ } .wpui-light .ui-tabs-vertical ul.ui-tabs-nav li { /* box-shadow: 1px 1px 0 #FFF inset*/ } .wpui-light .ui-tabs-vertical ul.ui-tabs-nav li.ui-state-active { /* background: -moz-linear-gradient(top, #f9f9f9, #ddd); background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ddd)); background: -webkit-linear-gradient(top, #f9f9f9, #ddd); background: -o-linear-gradient(top, #f9f9f9, #ddd); box-shadow: 1px 1px 0 #FFF inset*/ } .wpui-light ul.ui-tabs-nav li.ui-state-active a { /* text-shadow: 0 1px 0 #FFF*/ } .wpui-light .ui-button { /* background: -moz-linear-gradient(top, #eee, #ccc); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); background: -webkit-linear-gradient(top, #eee, #ccc); background: -o-linear-gradient(top, #eee, #ccc); text-decoration: none; text-shadow: 0 1px 1px #FFF; border: 1px solid #AAA; -moz-box-shadow: 1px 1px 0 #f4f2f4 inset, -1px -1px 0 #dddddd inset; -webkit-box-shadow: 1px 1px 0 #f4f2f4 inset, -1px -1px 0 #dddddd inset; -o-box-shadow: 1px 1px 0 #f4f2f4 inset, -1px -1px 0 #dddddd inset; box-shadow: 1px 1px 0 #f4f2f4 inset, -1px -1px 0 #dddddd inset;*/ font-size: 14px; font-weight: bold; color: #777 } .wpui-light .ui-button:hover { /* background: -moz-linear-gradient(top, #fff, #dedede); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede)); background: -webkit-linear-gradient(top, #fff, #dedede); background: -o-linear-gradient(top, #fff, #dedede); color: #888*/ } .wpui-light .wp-tab-content a.ui-button { float: right; margin: 20px 0 } .wp-tabs { position: relative } .wpui-light ul.ui-tabs-nav.ul-bottom { border-top: 1px solid #AAA; padding-top: 0px; padding-left: 0px; padding-bottom: 10px; /* background: -moz-linear-gradient(top, #a5a5a5, #d5d5d5); background: -webkit-gradient(linear, left top, left bottom, from(#a5a5a5), to(#d5d5d5)); background: -webkit-linear-gradient(top, #a5a5a5, #d5d5d5); background: -o-linear-gradient(top, #a5a5a5, #d5d5d5); border-top: 1px solid #888*/ } .wpui-light ul.ui-tabs-nav.ul-bottom li { vertical-align: top; /* background: -moz-linear-gradient(top, #929292, #d2d2d2); background: -webkit-gradient(linear, left top, left bottom, from(#929292), to(#d2d2d2)); background: -webkit-linear-gradient(top, #929292, #d2d2d2); background: -o-linear-gradient(top, #929292, #d2d2d2);*/ top: 0px } .wpui-light ul.ui-tabs-nav.ul-bottom li.ui-state-active { /* border: 1px solid #999; background: none; background: -moz-linear-gradient(top, #d1d1d1, #aaa); background: -webkit-gradient(linear, left top, left bottom, from(#d1d1d1), to(#aaa)); background: -webkit-linear-gradient(top, #d1d1d1, #aaa); background: -o-linear-gradient(top, #d1d1d1, #aaa);*/ border-top: 0px; bottom: 0; top: -1px; height: 16px } .wpui-light ul.ui-tabs-nav.ul-bottom li.ui-state-active a { border-top: 0px } .wpui-light .ui-collapsible-header, .wpui-light .ui-accordion h3.ui-accordion-header { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-border-radius: 3px; font: bold 14px 'Segoe UI', 'Lucida Grande', 'Arial', sans-serif; /* background: -moz-linear-gradient(top, #aaa, #dadada); background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#dadada)); background: -webkit-linear-gradient(top, #aaa, #dadada); background: -o-linear-gradient(top, #aaa, #dadada);*/ padding: 4px 10px; color: #222; border: 1px solid #A2A2A2; text-shadow: 0 1px 0 #FFF } .wpui-light h3.ui-collapsible-header:hover, .wpui-light .ui-accordion h3.ui-accordion-header:hover { /* background: -moz-linear-gradient(top, #fff, #eee); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background: -webkit-linear-gradient(top, #fff, #eee); background: -o-linear-gradient(top, #fff, #eee); border: 1px solid #DDD;*/ color: #000; text-shadow: 0 1px 0 #FFF } .wpui-light h3.ui-collapsible-header.ui-state-active, .wpui-light .ui-accordion h3.ui-accordion-header.ui-state-active { /* background: -moz-linear-gradient(top, #fff, #eee); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background: -webkit-linear-gradient(top, #fff, #eee); background: -o-linear-gradient(top, #fff, #eee);*/ color: #000; border: 1px solid #D2D2D2; /* text-shadow: 0 1px 0 #FFF;*/ border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-bottom: 0px } .wpui-light .ui-collapsible-content, .wpui-light .ui-accordion .ui-accordion-content { color: #666; background: white; border: 1px solid #DDD } .ui-dialog { position: absolute !important; font-size: 12px; -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.4); -o-box-shadow: 0 2px 10px rgba(0,0,0,0.4); box-shadow: 0 2px 10px rgba(0,0,0,0.4) } .ui-dialog-titlebar { cursor: move } .ui-widget-overlay { /* background: -moz-linear-gradient(top, rgba(0,0,0,0.7), rgba(25,25,25,0.7)); background: -webkit-linear-gradient(top, rgba(0,0,0,0.7), rgba(25,25,25,0.7)); background: -o-linear-gradient(top, rgba(0,0,0,0.7), rgba(25,25,25,0.7)); background: -ms-linear-gradient(top, rgba(0,0,0,0.7), rgba(25,25,25,0.7)); background: linear-gradient(top, rgba(0,0,0,0.7), rgba(25,25,25,0.7));*/ position: fixed; top: 0; left: 0; width: 100%; height: 100% } .wpui-light.ui-dialog { font-family: 'Lucida Grande', 'Arial', sans-serif; background: #F4F2F4; /* color: #222; border: 1px solid #C2C2C2; text-shadow: 0 1px 0 #FFF;*/ -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; -o-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0 } .wpui-light .ui-dialog-titlebar { font-weight: bold; color: #555; padding: 10px; /* background: -moz-linear-gradient(top, #f4f2f4, #cacaca); background: -webkit-gradient(linear, left top, left bottom, from(#f4f2f4), to(#cacaca)); background: -webkit-linear-gradient(top, #f4f2f4, #cacaca); background: -o-linear-gradient(top, #f4f2f4, #cacaca);*/ -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -o-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; /* border-bottom: 1px solid #999;*/ overflow: hidden; /* box-shadow: 0 1px 0 #FFF inset, 0 1px 0 #FFF inset*/ } .wpui-light .ui-dialog-content { padding: 15px; overflow: hidden; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -o-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px } .wpui-light .ui-dialog-titlebar-close { /* background: url("images/close-dark.png") no-repeat scroll 0 0 transparent;*/ position: absolute; right: 5px; top: 5px; width: 18px; height: 18px; margin: 0px; padding: 0px; border: 1px solid transparent; opacity: 0.3; text-indent: -99999em } .wpui-light .ui-dialog-titlebar-close:hover { /* background: url("images/close-dark.png") no-repeat scroll 0 0 transparent;*/ width: 18px; height: 18px; border: 1px solid transparent; top: 5px; right: 5px; opacity: 0.6 } .wpui-light .ui-dialog-buttonpane { /* border-top: 1px solid #DDD; -moz-box-shadow: 0 1px 0 #FFF inset; -webkit-box-shadow: 0 1px 0 #FFF inset; -o-box-shadow: 0 1px 0 #FFF inset; box-shadow: 0 1px 0 #FFF inset; padding: 0.7em; background: #EFEFEF*/ } .wpui-light.wpui-button { /* background: #EEE; background: -moz-linear-gradient(top, #f4f2f4, #dedede); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); background: -webkit-linear-gradient(top, #eee, #ccc); background: -o-linear-gradient(top, #eee, #ccc); text-decoration: none; text-shadow: 0 1px 1px #FFF; border: 1px solid #AAA; -moz-box-shadow: 1px 1px 0 #f4f2f4 inset, -1px -1px 0 #ccc inset, 0 -4px 8px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 1px 1px 0 #f4f2f4 inset, -1px -1px 0 #eee inset, 0 -4px 8px rgba(0,0,0,0.1) inset; -o-box-shadow: 1px 1px 0 #f4f2f4 inset, -1px -1px 0 #eee inset, 0 -4px 8px rgba(0,0,0,0.1) inset; box-shadow: 1px 1px 0 #f4f2f4 inset, -1px -1px 0 #ccc inset, 0 -4px 8px rgba(0,0,0,0.1) inset;*/ font-weight: bold; /* color: #888;*/ -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in } .wpui-light.wpui-button:hover { /* background: #DEDEDE; background: -moz-linear-gradient(top, #eee, #ccc); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); background: -webkit-linear-gradient(top, #eee, #ccc); background: -o-linear-gradient(top, #eee, #ccc); text-decoration: none; color: #333; text-shadow: 0 1px 1px #FFF; border: 1px solid #AAA; -moz-box-shadow: 1px 1px 0 #f4f2f4 inset, -1px -1px 0 #dddddd inset; -webkit-box-shadow: 1px 1px 0 #f4f2f4 inset, -1px -1px 0 #dddddd inset; -o-box-shadow: 1px 1px 0 #f4f2f4 inset, -1px -1px 0 #dddddd inset; box-shadow: 1px 1px 0 #f4f2f4 inset, -1px -1px 0 #dddddd inset;*/ font-weight: bold; color: #666 } .wpui-light.wpui-button:active { /* -moz-box-shadow: 0 2px 7px rgba(0,0,0,0.3) inset; -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.3) inset; -o-box-shadow: 0 2px 7px rgba(0,0,0,0.3) inset; box-shadow: 0 2px 7px rgba(0,0,0,0.3) inset*/ }