[ Mini Kiebo ]
Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64
Path:
D:
/
BACKUP C 19-12
/
XAMPP74
/
htdocs
/
sisurat
/
inc
/
style
/
[
Home
]
File: ui-elements.css
/*============= Tree View ===============*/ #sidetree { margin:10px; border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid; } .treeview, .treeview ul { padding:0; margin:0; list-style:none; } .treeview ul { margin-top:4px; } .treeview .hitarea { background:url(../images/js-tree/treeview-default.gif) -64px -25px no-repeat; height:16px; width:16px; margin-left:-16px; float:left; cursor: pointer; } /* fix for IE6 */ * html .hitarea { display:inline; float:none; } .treeview li { margin:0; padding:3px 0pt 3px 16px; } .treeheader { border-bottom:#ccc 1px solid; height:38px; line-height:38px; display:block; font-weight:bold; color:#444; padding:0 10px; text-shadow:0px 1px #e9f3fb; } #treecontrol { margin:1em 0; display:none; } #sidetreecontrol { padding:8px 10px; border-bottom:#ccc 1px solid; } .treeview { padding:0 10px 10px 10px; background:#FFF; border-bottom:#ccc 1px solid; } .treeview .hover { color:red; cursor:pointer; } .treeview li { background:url(../images/js-tree/treeview-default-line.gif) 0 0 no-repeat; } .treeview li.collapsable, .treeview li.expandable { background-position:0 -176px; } .treeview .expandable-hitarea { background-position:-80px -3px; } .treeview li.last { background-position:0 -1766px } .treeview li.lastCollapsable, .treeview li.lastExpandable { background-image:url(../images/js-tree/treeview-default.gif); } .treeview li.lastCollapsable { background-position:0 -111px } .treeview li.lastExpandable { background-position:-32px -67px } .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position:0; } .treeview-red li { background-image:url(../images/js-tree/treeview-red-line.gif); } .treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image:url(../images/js-tree/treeview-red.gif); } .treeview-black li { background-image:url(../images/js-tree/treeview-black-line.gif); } .treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image:url(../images/js-tree/treeview-black.gif); } .treeview-gray li { background-image:url(../images/js-tree/treeview-gray-line.gif); } .treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image:url(../images/js-tree/treeview-gray.gif); } .treeview-famfamfam li { background-image:url(../images/js-tree/treeview-famfamfam-line.gif); } .treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image:url(../images/js-tree/treeview-famfamfam.gif); } .treeview .placeholder { background:url(../images/js-tree/ajax-loader.gif) 0 0 no-repeat; height:16px; width:16px; display:block; } .filetree li { padding:3px 0 2px 16px; } .filetree span.folder, .filetree span.file { padding:1px 0 1px 16px; display:block; } .filetree span.folder { background:url(../images/js-tree/folder.gif) 0 0 no-repeat; } .filetree li.expandable span.folder { background:url(../images/js-tree/folder-closed.gif) 0 0 no-repeat; } .filetree span.file { background: url(../images/js-tree/file.gif) 0 0 no-repeat; } /*===Accordion===*/ .accordion-basic div p { padding:10px; margin:0px; } .accordion-basic .title { cursor:pointer; display:block; height:38px; background: #fbfbfb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UyZTJlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmNmZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fbfbfb 0%, #e7e7e7 50%, #e2e2e3 51%, #cfcfd0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(50%, #e7e7e7), color-stop(51%, #e2e2e3), color-stop(100%, #cfcfd0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 0%, #e7e7e7 50%, #e2e2e3 51%, #cfcfd0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 0%, #e7e7e7 50%, #e2e2e3 51%, #cfcfd0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 0%, #e7e7e7 50%, #e2e2e3 51%, #cfcfd0 100%); /* IE10+ */ background: linear-gradient(top, #fbfbfb 0%, #e7e7e7 50%, #e2e2e3 51%, #cfcfd0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#cfcfd0', GradientType=0 ); /* IE6-8 */ border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; text-decoration:none; line-height:38px; padding:0 15px; font-weight:bold; color:#1F1F1F; } .accordion-basic a.last { -moz-border-radius:0px 0px 3px 3px; } .accordion-basic a.selected { -moz-border-radius:0px 0px 0px 0px !important; } .accordion-basic a:hover { background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-8 */ border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; } .accordion-basic a.selected { color:black; background: #fbfbfb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UyZTJlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmNmZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fbfbfb 0%, #e7e7e7 50%, #e2e2e3 51%, #cfcfd0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(50%, #e7e7e7), color-stop(51%, #e2e2e3), color-stop(100%, #cfcfd0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 0%, #e7e7e7 50%, #e2e2e3 51%, #cfcfd0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 0%, #e7e7e7 50%, #e2e2e3 51%, #cfcfd0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 0%, #e7e7e7 50%, #e2e2e3 51%, #cfcfd0 100%); /* IE10+ */ background: linear-gradient(top, #fbfbfb 0%, #e7e7e7 50%, #e2e2e3 51%, #cfcfd0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#cfcfd0', GradientType=0 ); /* IE6-8 */ border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; } /*=== IPHONE STYLE BUTTON ===*/ .iPhoneCheckContainer { position:relative; height:27px; cursor:pointer; overflow:hidden; } .iPhoneCheckContainer input { position:absolute; top:5px; left:30px; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; } .iPhoneCheckContainer label { white-space:nowrap; font-size:17px; line-height:17px; font-weight:bold; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; cursor:pointer; display:block; height:27px; position:absolute; width:auto; top:0; padding-top:5px; overflow:hidden; } .iPhoneCheckContainer, .iPhoneCheckContainer label { user-select:none; -moz-user-select:none; -khtml-user-select:none; } .iPhoneCheckDisabled { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:0.5; } label.iPhoneCheckLabelOn { color:white; background:url('../images/on.png') no-repeat; text-shadow:0px 0px 2px rgba(0, 0, 0, 0.6); left:0; padding-top:5px; } label.iPhoneCheckLabelOn span { padding-left:8px; } label.iPhoneCheckLabelOff { color:#8b8b8b; background:url('../images/off.png') no-repeat right 0; text-shadow:0px 0px 2px rgba(255, 255, 255, 0.6); text-align:right; right:0; } label.iPhoneCheckLabelOff span { padding-right:8px; } .iPhoneCheckHandle { display:block; height:27px; cursor:pointer; position:absolute; top:0; left:0; width:0; background:url('../images/slider_left.png') no-repeat; padding-left:3px; } .iPhoneCheckHandleRight { height:100%; width:100%; padding-right:3px; background:url('../images/slider_right.png') no-repeat right 0; } .iPhoneCheckHandleCenter { height:100%; width:100%; background:url('../images/slider_center.png'); } .iOSCheckContainer { position:relative; height:27px; cursor:pointer; overflow:hidden; } .iOSCheckContainer input { position:absolute; top:5px; left:30px; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; } .iOSCheckContainer label { white-space:nowrap; font-size:17px; line-height:17px; font-weight:bold; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; cursor:pointer; display:block; height:27px; position:absolute; width:auto; top:0; padding-top:5px; overflow:hidden; } .iOSCheckContainer, .iOSCheckContainer label { user-select:none; -moz-user-select:none; -khtml-user-select:none; } .iOSCheckDisabled { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:0.5; } label.iOSCheckLabelOn { color:white; background:url('../images/on.png') no-repeat; text-shadow:0px 0px 2px rgba(0, 0, 0, 0.6); left:0; padding-top:5px; } label.iOSCheckLabelOn span { padding-left:8px; } label.iOSCheckLabelOff { color:#8b8b8b; background:url('../images/off.png') no-repeat right 0; text-shadow:0px 0px 2px rgba(255, 255, 255, 0.6); text-align:right; right:0; } label.iOSCheckLabelOff span { padding-right:8px; } .iOSCheckHandle { display:block; height:27px; cursor:pointer; position:absolute; top:0; left:0; width:0; background:url('../images/slider_left.png') no-repeat; padding-left:3px; } .iOSCheckHandleRight { height:100%; width:100%; padding-right:3px; background:url('../images/slider_right.png') no-repeat right 0; } .iOSCheckHandleCenter { height:100%; width:100%; background:url('../images/slider_center.png'); } /* I Button*/ .cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background:url( ../images/switch.gif) repeat-x; display:block; float:left; } .cb-enable span, .cb-disable span { line-height:30px; display:block; background-repeat:no-repeat; font-weight:bold; } .cb-enable span { background-position:left -90px; padding:0 10px; } .cb-disable span { background-position:right -180px; padding:0 10px; } .cb-disable.selected { background-position:0 -30px; } .cb-disable.selected span { background-position:right -210px; color:#fff; } .cb-enable.selected { background-position:0 -60px; } .cb-enable.selected span { background-position:left -150px; color:#fff; } .switch label { cursor:pointer; } /* Sticky */ div.sticky-queue { position:fixed; background:#000; border:1px solid #000; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .1); -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .1); box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .1); width:200px; z-index:9000; background: rgb(79,79,79); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmNGY0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDIwMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(79, 79, 79, 1) 0%, rgba(32, 32, 32, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(79, 79, 79, 1)), color-stop(100%, rgba(32, 32, 32, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(79, 79, 79, 1) 0%, rgba(32, 32, 32, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(79, 79, 79, 1) 0%, rgba(32, 32, 32, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(79, 79, 79, 1) 0%, rgba(32, 32, 32, 1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(79, 79, 79, 1) 0%, rgba(32, 32, 32, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#202020', GradientType=0 ); /* IE6-8 */ } div.sticky-note { padding-right:20px; } div.sticky { font-size:12px; color:#fff; display:none; padding:10px; position:relative; } img.sticky-close { position:absolute; top:10px; right:10px; height:14px; width:14px; cursor:pointer; } .top-right { right:20px; } .top-left { left:20px; } .top-right, .top-left { top:-2px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; } .bottom-right { right:20px; } .bottom-left { left:20px; } .bottom-right, .bottom-left { bottom:-2px; border-top-right-radius:6px; border-top-left-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-topleft:6px; -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px; } .border-top-right, .border-top-left { border-top:1px solid #999; } .border-bottom-right, .border-bottom-left { border-bottom:1px solid #999; } /* CORE STYLES */ /* noty bar */ .noty_bar { position: fixed; display: none; z-index: 9999999; } /* noty_message */ .noty_bar .noty_message { text-align: center; } /* noty close button */ .noty_bar .noty_close { cursor: pointer; } /* noty modal */ .noty_modal { position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 10000; opacity: 0.6; display: none; left: 0; top: 0; } /* noty container for noty_layout_topLeft & noty_layout_topRight */ ul.noty_cont { position: fixed; z-index: 10000000; margin: 0px; padding: 0px; list-style: none; width: 300px; } ul.noty_cont li { position: relative; float: left; clear: both; list-style: none; padding: 0px; margin: 10px 0 0 0; width: 300px; /* Fix for: http://bugs.jquery.com/ticket/2278 */ } ul.noty_cont.noty_layout_topLeft { left:20px; top:20px; } ul.noty_cont.noty_layout_topRight { right:40px; top:20px; } ul.noty_cont.noty_layout_bottomLeft { left:20px; bottom:20px } ul.noty_cont.noty_layout_bottomRight { right:40px; bottom:20px } ul.noty_cont.noty_layout_topRight li { float:right } /* LAYOUTS */ /* noty_layout_top */ .noty_bar.noty_layout_top { top: 0; left: 0; width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* noty_layout_bottom */ .noty_bar.noty_layout_bottom { bottom: 0; left: 0; width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* noty_layout_center */ .noty_bar.noty_layout_center { top: 40%; } /* noty_layout_topLeft & noty_layout_topRight */ .noty_bar.noty_layout_topLeft, .noty_bar.noty_layout_topRight, .noty_bar.noty_layout_bottomLeft, .noty_bar.noty_layout_bottomRight { width: 100%; clear: both; position: relative; } .noty_bar.noty_layout_topLeft .noty_message, .noty_bar.noty_layout_topRight .noty_message, .noty_bar.noty_layout_bottomLeft .noty_message, .noty_bar.noty_layout_bottomRight .noty_message { text-align: left; } /* noty_layout_topCenter */ .noty_bar.noty_layout_topCenter { top: 20px; } /* CORE STYLES*/ /* noty bar */ .noty_bar.noty_theme_default { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==') repeat-x scroll left top #fff; } /* if you use noty with customContainer you can access noty with this way * .noty_custom_container noty will add automaticly this class to your customContainer * .noty_theme_default your theme * .noty_layout_inline your layout */ /* custom container */ .noty_custom_container.noty_theme_default.noty_layout_inline { position: relative; } /* custom growl container */ .noty_custom_container.noty_theme_default.noty_layout_inline .noty_cont.noty_layout_inline { position: static; } /* custom noty bar */ .noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar { border-width: 1px; border-style: solid; position: static; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message { font-size: 13px; padding: 4px; } .noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message .noty_buttons { margin-top: -1px; } /* noty_message */ .noty_bar.noty_theme_default .noty_message { padding: 8px 8px; font-size: 16px; font-weight: bold; width: auto; overflow:hidden; } .noty_bar.noty_theme_default.noty_closable .noty_message { padding: 8px 34px 8px 14px; } /* noty_buttons */ .noty_bar.noty_theme_default .noty_message .noty_buttons { float: right; font-size: 13px; margin-left: 4px; } /* noty_button */ .noty_bar.noty_theme_default .noty_message .noty_buttons button { margin-left: 5px; } .noty_buttons button { box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff; -moz-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff; -webkit-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-shadow: 0px -1px 0px rgba(000, 000, 000, .5), 0px 1px 0px rgba(255, 255, 255, 0.2); line-height:22px; text-align:center; color:#fff; padding:0 6px; cursor:pointer; } .noty_buttons .green { border:#44680a 1px solid; background: #bfd255; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZDI1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhlYjkyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzcyYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWNiMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfd255), color-stop(50%, #8eb92a), color-stop(51%, #72aa00), color-stop(100%, #9ecb2d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* IE10+ */ background: linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0 ); /* IE6-8 */ } .noty_buttons .pink { border:#8b220f 1px solid; background: #f3c5bd; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzYzViZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U4NmM1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VhMjgwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmNjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzIyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3c5bd), color-stop(50%, #e86c57), color-stop(51%, #ea2803), color-stop(75%, #ff6600), color-stop(100%, #c72200)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* IE10+ */ background: linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200', GradientType=0 ); /* IE6-8 */ } /* noty close button */ .noty_bar.noty_theme_default .noty_close { position: absolute; top: 10px; right: 10px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAORJREFUeNq0lU0OgjAQhRm5gUl3rLyBB3BDQjwI4TDcgmu4NqwNJGxdueqWA4zzCJoxtvxoeckLzbz2C5ShEDNHDiXis/gkPooPY/0uvomv4ov48bUSQGUSF+Ka51WPc0kzNGwvLnm9ynHtB5B+hGkoaWDB/6t4AZOFe7ZkTxMAc1dqreU0TbnrunetbVvOsmzIPMoBrFwJYGgCY8wAgjFGDZlHFYCNK9EAXPUYmUcNgL0v1dAFMKjfRSsVx/H0hC0eOfhLmWwbfTcYozbXNsEbO/int8nhEPz4CnbAUuhfwFOAAQAA48KKOuexjwAAAABJRU5ErkJggg=='); width: 20px; height: 20px; } /* noty modal */ .noty_modal.noty_theme_default { opacity: 0.7; } /* LAYOUTS */ /* noty_layout_top */ .noty_bar.noty_theme_default.noty_layout_top { border-bottom: 3px solid #eee; } /* noty_layout_bottom */ .noty_bar.noty_theme_default.noty_layout_bottom { border-top: 3px solid #eee; } .noty_bar.noty_theme_default.noty_layout_center .noty_close { top: 8px; } .noty_bar.noty_theme_default.noty_layout_center .noty_message .noty_buttons { } .noty_text { padding-top:0px; display:inline-block; line-height:20px; } /* noty_layout_topLeft & noty_layout_topRight */ .noty_bar.noty_theme_default.noty_layout_center, .noty_bar.noty_theme_default.noty_layout_topLeft, .noty_bar.noty_theme_default.noty_layout_topRight, .noty_bar.noty_theme_default.noty_layout_bottomLeft, .noty_bar.noty_theme_default.noty_layout_bottomRight { border: 1px solid #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .noty_bar.noty_theme_default.noty_layout_center .noty_message, .noty_bar.noty_theme_default.noty_layout_topLeft .noty_message, .noty_bar.noty_theme_default.noty_layout_topRight .noty_message, .noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message, .noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message { font-size: 13px; font-weight: normal; } .noty_bar.noty_theme_default.noty_layout_topLeft .noty_message .noty_buttons, .noty_bar.noty_theme_default.noty_layout_topRight .noty_message .noty_buttons, .noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message .noty_buttons, .noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message .noty_buttons { float: none; border-top: 1px solid #000; margin-left: 0; margin-top: 10px; padding-top: 10px; text-align: right; } /* noty_layout_topCenter */ .noty_bar.noty_theme_default.noty_layout_topCenter { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .noty_bar.noty_theme_default.noty_layout_topCenter .noty_message { font-weight: normal; font-size: 13px; } .noty_bar.noty_theme_default.noty_layout_topCenter .noty_close { top: 50%; margin-top: -10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .noty_bar.noty_theme_default.noty_layout_topCenter.noty_success { border: 1px solid #50C24E; } .noty_bar.noty_theme_default.noty_layout_topCenter .noty_message .noty_buttons { margin-left: 15px; margin-top: 0px } /* NOTIFICATION TYPES */ /* noty_alert */ .noty_bar.noty_theme_default.noty_alert { background-color: #fff; border-color: #ccc; } /* noty_error */ .noty_bar.noty_theme_default.noty_error { background-color: red; color: #fff; border-color: darkred; } .noty_bar.noty_theme_default.noty_error .noty_message { font-weight: bold; } /* noty_success */ .noty_bar.noty_theme_default.noty_success { background-color: lightgreen; color: darkgreen; border-color: #50C24E; } /* noty_alert */ .noty_bar.noty_theme_default.noty_information { background-color: #57B7E2; border-color: #0B90C4; color: #fff; } .sticky-note h5 { margin:0px 0px 5px 0px; padding-left:5px; } .sticky-note p { margin:0px; padding-left:5px; } .sticky_html { display:none; } .sticky_custom { width:auto; overflow: hidden; display:none; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; } #cboxOverlay { position:fixed; width:100%; height:100%; } #cboxMiddleLeft, #cboxBottomLeft { clear:left; } #cboxContent { position:relative; } #cboxLoadedContent { overflow:auto; } #cboxTitle { margin:0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; height:100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; } .cboxPhoto { float:left; margin:auto; border:0; display:block; } .cboxIframe { width:100%; height:100%; display:block; border:0; } /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background:url(../images/colorbox-img/overlay.png) repeat 0 0; } #colorbox { } #cboxTopLeft { width:21px; height:21px; background:url(../images/colorbox-img/controls.png) no-repeat -101px 0; } #cboxTopRight { width:21px; height:21px; background:url(../images/colorbox-img/controls.png) no-repeat -130px 0; } #cboxBottomLeft { width:21px; height:21px; background:url(../images/colorbox-img/controls.png) no-repeat -101px -29px; } #cboxBottomRight { width:21px; height:21px; background:url(../images/colorbox-img/controls.png) no-repeat -130px -29px; } #cboxMiddleLeft { width:21px; background:url(../images/colorbox-img/controls.png) left top repeat-y; } #cboxMiddleRight { width:21px; background:url(../images/colorbox-img/controls.png) right top repeat-y; } #cboxTopCenter { height:21px; background:url(../images/colorbox-img/border.png) 0 0 repeat-x; } #cboxBottomCenter { height:21px; background:url(../images/colorbox-img/border.png) 0 -29px repeat-x; } #cboxContent { background:#fff; overflow:hidden; } .cboxIframe { background:#fff; } #cboxError { padding:50px; border:1px solid #ccc; } #cboxLoadedContent { margin-bottom:28px; } #cboxTitle { position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494; } #cboxCurrent { position:absolute; bottom:4px; left:58px; color:#949494; } #cboxSlideshow { position:absolute; bottom:4px; right:30px; color:#0092ef; } #cboxPrevious { position:absolute; bottom:0; left:0; background:url(../images/colorbox-img/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px; } #cboxPrevious:hover { background-position:-75px -25px; } #cboxNext { position:absolute; bottom:0; left:27px; background:url(../images/colorbox-img/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px; } #cboxNext:hover { background-position:-50px -25px; } #cboxLoadingOverlay { background:url(../images/colorbox-img/loading_background.png) no-repeat center center; } #cboxLoadingGraphic { background:url(../images/colorbox-img/loading.gif) no-repeat center center; } #cboxClose { position:absolute; bottom:0; right:0; background:url(../images/colorbox-img/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px; } #cboxClose:hover { background-position:-25px -25px; } /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. */ .cboxIE6 #cboxTopLeft { background:url(../images/colorbox-img/ie6/borderTopLeft.png); } .cboxIE6 #cboxTopCenter { background:url(../images/colorbox-img/ie6/borderTopCenter.png); } .cboxIE6 #cboxTopRight { background:url(../images/colorbox-img/ie6/borderTopRight.png); } .cboxIE6 #cboxBottomLeft { background:url(../images/colorbox-img/ie6/borderBottomLeft.png); } .cboxIE6 #cboxBottomCenter { background:url(../images/colorbox-img/ie6/borderBottomCenter.png); } .cboxIE6 #cboxBottomRight { background:url(../images/colorbox-img/ie6/borderBottomRight.png); } .cboxIE6 #cboxMiddleLeft { background:url(../images/colorbox-img/ie6/borderMiddleLeft.png); } .cboxIE6 #cboxMiddleRight { background:url(../images/colorbox-img/ie6/borderMiddleRight.png); } .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } /* * SimpleModal Confirm Modal Dialog * http://www.ericmmartin.com/projects/simplemodal/ * http://code.google.com/p/simplemodal/ * * Copyright (c) 2010 Eric Martin - http://ericmmartin.com * * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * Revision: $Id: confirm.css 254 2010-07-23 05:14:44Z emartin24 $ */ #confirm { display:none; } /* Overlay */ #confirm-overlay { background-color:#333; cursor:wait; } /* Container */ #confirm-container { height:140px; width:420px; font-size:16px; line-height:22px; text-align:center; background:#fff; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background: #e0dede; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTBkZWRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZGRkZGRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZTVlNWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(65deg, #e0dede 0%, #dddddd 60%, #e5e5e5 51%, #e5e0e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #e0dede), color-stop(60%, #dddddd), color-stop(51%, #e5e5e5), color-stop(100%, #e5e0e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(65deg, #e0dede 0%, #dddddd 60%, #e5e5e5 51%, #e5e0e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(65deg, #e0dede 0%, #dddddd 60%, #e5e5e5 51%, #e5e0e0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(65deg, #e0dede 0%, #dddddd 60%, #e5e5e5 51%, #e5e0e0 100%); /* IE10+ */ background: linear-gradient(65deg, #e0dede 0%, #dddddd 60%, #e5e5e5 51%, #e5e0e0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0dede', endColorstr='#e5e0e0', GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -webkit-box-shadow: 0px 1px 4px rgba(000, 000, 000, 0.8), inset 0px 0px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 4px rgba(000, 000, 000, 0.8), inset 0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 4px rgba(000, 000, 000, 0.8), inset 0px 0px 10px rgba(0, 0, 0, 0.3); } #confirm-container .header { height:40px; line-height:40px; width:100%; font-size:14px; color:#fff; font-weight:bold; text-align:left; box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.5), 0 1px 0 rgba(255, 255, 255, 0.6) inset; -moz-box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.5), 0 1px 0 rgba(255, 255, 255, 0.6) inset; -webkit-box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.5), 0 1px 0 rgba(255, 255, 255, 0.6) inset; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; color:#fff; text-shadow: 0px -1px 0px rgba(000, 000, 000, 1), 0px 1px 0px rgba(255, 255, 255, 0.2); } #confirm-container .header span { padding-left:15px; } #confirm-container .message { color:#333; font-size:14px; padding:13px; } #confirm-container .buttons { display: block; } #confirm-container .buttons div { display:inline-block; margin-left:6px; cursor:pointer; font-size:14px; font-weight:bold; } #confirm-container a.modal-close { text-decoration:none; font-weight:bold; position:absolute; right:8px; top:8px; height:20px; width:20px; display:block; border:#033466 1px solid; background:#fff url(../images/sprite-icons/icons-a.png) no-repeat 0 -1260px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; text-indent:-999999px; -webkit-box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.5), inset 0px 0px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.5), inset 0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.5), inset 0px 0px 5px rgba(0, 0, 0, 0.3); } #confirm-container a.modal-close:hover { color:#ccc; } /* * SimpleModal OSX Style Modal Dialog * http://www.ericmmartin.com/projects/simplemodal/ * http://code.google.com/p/simplemodal/ * * Copyright (c) 2010 Eric Martin - http://ericmmartin.com * * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * Revision: $Id: osx.css 254 2010-07-23 05:14:44Z emartin24 $ */ #osx-modal-content, #osx-modal-data { display:none; } /* Overlay */ #osx-overlay { background-color:#000; cursor:wait; } /* Container */ #osx-container { color:#000; font: 16px/24px "Lucida Grande", Arial, sans-serif; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; background: #e0dede; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTBkZWRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZGRkZGRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZTVlNWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(65deg, #e0dede 0%, #dddddd 60%, #e5e5e5 51%, #e5e0e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #e0dede), color-stop(60%, #dddddd), color-stop(51%, #e5e5e5), color-stop(100%, #e5e0e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(65deg, #e0dede 0%, #dddddd 60%, #e5e5e5 51%, #e5e0e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(65deg, #e0dede 0%, #dddddd 60%, #e5e5e5 51%, #e5e0e0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(65deg, #e0dede 0%, #dddddd 60%, #e5e5e5 51%, #e5e0e0 100%); /* IE10+ */ background: linear-gradient(65deg, #e0dede 0%, #dddddd 60%, #e5e5e5 51%, #e5e0e0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0dede', endColorstr='#e5e0e0', GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -webkit-box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.8), inset 0px 0px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.8), inset 0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.8), inset 0px 0px 10px rgba(0, 0, 0, 0.3); } #osx-container a { color:#ddd; } #osx-container #osx-modal-title { color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:8px; font-size:16px; box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.5), 0 1px 0 rgba(255, 255, 255, 0.6) inset; -moz-box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.5), 0 1px 0 rgba(255, 255, 255, 0.6) inset; -webkit-box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.5), 0 1px 0 rgba(255, 255, 255, 0.6) inset; color:#fff; text-shadow: 0px -1px 0px rgba(000, 000, 000, 1), 0px 1px 0px rgba(255, 255, 255, 0.2); } #osx-container .close { display:none; position:absolute; right:8px; top:8px; height:20px; width:20px; display:block; border:#033466 1px solid; background:#fff url(../images/sprite-icons/icons-a.png) no-repeat 0 -1260px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; text-indent:-999999px; -webkit-box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.5), inset 0px 0px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.5), inset 0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.5), inset 0px 0px 5px rgba(0, 0, 0, 0.3); } #osx-container .close a { display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4; } #osx-container .close a:hover { color:#000; } #osx-container #osx-modal-data { font-size:12px; padding:6px 12px; } #osx-container h2 { margin:10px 0 6px; } #osx-container p { margin-bottom:10px; } /* * SimpleModal Basic Modal Dialog * http://www.ericmmartin.com/projects/simplemodal/ * http://code.google.com/p/simplemodal/ * * Copyright (c) 2010 Eric Martin - http://ericmmartin.com * * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * Revision: $Id: basic.css 257 2010-07-27 23:06:56Z emartin24 $ */ #basic-modal-content { display:none; } /* Overlay */ #simplemodal-overlay { background-color:#000; cursor:wait; } /* Container */ #simplemodal-container { height:360px; width:600px; color:#333; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.8), inset 0px 0px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.8), inset 0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 4px rgba(000, 000, 000, 0.8), inset 0px 0px 10px rgba(0, 0, 0, 0.3); border:4px solid #165a91; padding:12px; } #simplemodal-container .simplemodal-data { padding:8px; } #simplemodal-container code { background:#555; border-left:3px solid #65B43D; color:#fff; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px; } #simplemodal-container a { color:#ddd; } #simplemodal-container a.modalCloseImg { background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer; } #simplemodal-container h3 { color: #06C; margin:0px; } /*======================== ANIMATED PROGRESS BAR ===========================*/ .elem_grid { padding:10px 0; } #progress1, #progress2, #progress3 { margin:10px 20px; position:relative; } .pbar .ui-progressbar-value { display:block !important } .pbar { overflow: hidden !important; border:#000 1px solid !important; border-radius:5px !important; box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; -moz-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; -webkit-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; border-radius:5px; text-shadow: 0px -1px 0px rgba(000, 000, 000, .8), 0px 1px 0px rgba(255, 255, 255, 0.2); } .percent { position: absolute; display:block; width:100%; text-align:center; top:6px; color:#fff; font-size:13px; text-shadow: 0px -1px 0px rgba(000, 000, 000, .8), 0px 1px 0px rgba(255, 255, 255, 0.2); } .elapsed { position:relative; text-align: right; } .pbar .ui-widget-header { border:#011b3b 1px solid !important; box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; -moz-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; -webkit-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; border-radius:5px 0 0 5px; text-shadow: 0px -1px 0px rgba(000, 000, 000, .8), 0px 1px 0px rgba(255, 255, 255, 0.2); background: #19a6d3; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5YTZkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzA4NTNhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzA2NDQ5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjI4NmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #19a6d3 0%, #0853a1 50%, #064492 51%, #02286e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #19a6d3), color-stop(50%, #0853a1), color-stop(51%, #064492), color-stop(100%, #02286e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #19a6d3 0%, #0853a1 50%, #064492 51%, #02286e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #19a6d3 0%, #0853a1 50%, #064492 51%, #02286e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #19a6d3 0%, #0853a1 50%, #064492 51%, #02286e 100%); /* IE10+ */ background: linear-gradient(top, #19a6d3 0%, #0853a1 50%, #064492 51%, #02286e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19a6d3', endColorstr='#02286e', GradientType=0 ); /* IE6-8 */ } #progress_s, #progress_p, #progress_n { background:#fff; margin:10px 20px 20px 20px; padding:20px; position:relative; clear:both; border:#ddd 1px solid; -moz-border-radius:3px !important; -webkit-border-radius:3px !important; border-radius:3px !important; } #progress_s .pro_meta, #progress_p .pro_meta, #progress_n .pro_meta { display:inline-block; float:left; margin-bottom:10px; font-weight:bold; } #progress_s .percent, #progress_p .percent, #progress_n .percent { display:inline-block !important; float: right; position:relative; width:50px; text-align:right; top:0px; margin-bottom:10px; text-shadow:none; color:#039; } #progress_s .pbar, #progress_p .pbar, #progress_n .pbar { clear:both; height:10px; background: #000; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; -moz-border-radius:3px !important; -webkit-border-radius:3px !important; border-radius:3px !important; } #progress_s .pbar .ui-widget-header, #progress_p .pbar .ui-widget-header, #progress_n .pbar .ui-widget-header { background: #0066ff; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; -moz-border-radius:3px 0 0 3px !important; -webkit-border-radius:3px 0 0 3px !important; border-radius:3px 0 0 3px !important; } #probar_blue, #probar_black, #probar_orange, #probar_green { height:16px !important; margin:10px 20px 17px 20px; box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; -moz-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; -webkit-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; border:#333 1px solid; } #probar_blue .ui-widget-header { border:#333 1px solid; background: #12c0f4; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyYzBmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzA0YjRlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzA0YTllNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNGMwZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #12c0f4 0%, #04b4e9 30%, #04a9e6 70%, #04c0ed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #12c0f4), color-stop(30%, #04b4e9), color-stop(70%, #04a9e6), color-stop(100%, #04c0ed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #12c0f4 0%, #04b4e9 30%, #04a9e6 70%, #04c0ed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #12c0f4 0%, #04b4e9 30%, #04a9e6 70%, #04c0ed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #12c0f4 0%, #04b4e9 30%, #04a9e6 70%, #04c0ed 100%); /* IE10+ */ background: linear-gradient(top, #12c0f4 0%, #04b4e9 30%, #04a9e6 70%, #04c0ed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12c0f4', endColorstr='#04c0ed', GradientType=0 ); /* IE6-8 */ box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; -moz-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; -webkit-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; } #probar_black .ui-widget-header { border:#333 1px solid; background: #494949; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5NDk0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzE4MTgxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzE0MTQxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzA3MDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #494949 0%, #181819 50%, #141414 51%, #070707 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(50%, #181819), color-stop(51%, #141414), color-stop(100%, #070707)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #494949 0%, #181819 50%, #141414 51%, #070707 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #494949 0%, #181819 50%, #141414 51%, #070707 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #494949 0%, #181819 50%, #141414 51%, #070707 100%); /* IE10+ */ background: linear-gradient(top, #494949 0%, #181819 50%, #141414 51%, #070707 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#070707', GradientType=0 ); /* IE6-8 */ box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; -moz-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; -webkit-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; } #probar_orange .ui-widget-header { border:#333 1px solid; background: rgb(254,204,177); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlY2NiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxNzQzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VhNTUwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjk1NWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(254, 204, 177, 1) 0%, rgba(241, 116, 50, 1) 50%, rgba(234, 85, 7, 1) 51%, rgba(251, 149, 94, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 204, 177, 1)), color-stop(50%, rgba(241, 116, 50, 1)), color-stop(51%, rgba(234, 85, 7, 1)), color-stop(100%, rgba(251, 149, 94, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(254, 204, 177, 1) 0%, rgba(241, 116, 50, 1) 50%, rgba(234, 85, 7, 1) 51%, rgba(251, 149, 94, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(254, 204, 177, 1) 0%, rgba(241, 116, 50, 1) 50%, rgba(234, 85, 7, 1) 51%, rgba(251, 149, 94, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(254, 204, 177, 1) 0%, rgba(241, 116, 50, 1) 50%, rgba(234, 85, 7, 1) 51%, rgba(251, 149, 94, 1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(254, 204, 177, 1) 0%, rgba(241, 116, 50, 1) 50%, rgba(234, 85, 7, 1) 51%, rgba(251, 149, 94, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e', GradientType=0 ); /* IE6-8 */ box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; -moz-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; -webkit-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; } #probar_green .ui-widget-header { border:#333 1px solid; background: #93ce33; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzY2UzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZDk0MDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #93ce33 0%, #5d9407 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #93ce33), color-stop(100%, #5d9407)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #93ce33 0%, #5d9407 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #93ce33 0%, #5d9407 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #93ce33 0%, #5d9407 100%); /* IE10+ */ background: linear-gradient(top, #93ce33 0%, #5d9407 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93ce33', endColorstr='#5d9407', GradientType=0 ); /* IE6-8 */ box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; -moz-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; -webkit-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; } #probar_stripe { background: #000; border:#000 1px solid; margin:10px 20px 20px 20px; height:16px; } #probar_stripe_blue { background: #000c21; border:#000 1px solid; margin:10px 20px 20px 20px; height:16px; } #probar_stripe_green { background: #001d03; border:#000 1px solid; margin:10px 20px 20px 20px; height:16px; } #probar_stripe_orange { background: #481100; border:#000 1px solid; margin:10px 20px 20px 20px; height:16px; } #probar_stripe .ui-widget-header, #probar_stripe_blue .ui-widget-header, #probar_stripe_green .ui-widget-header, #probar_stripe_orange .ui-widget-header { border:#333 1px solid; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; -moz-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; -webkit-box-shadow: 0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff, inset 0 -1px 1px -1px #00395d; }