Skip to content

Commit

Permalink
fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
Ricardo Rauch committed Feb 23, 2012
1 parent d62d71a commit cf89ce9
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 31 deletions.
36 changes: 9 additions & 27 deletions css/ui-selene/jquery-ui-1.8.17.custom.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -662,6 +662,10 @@ right: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
border-radius: 3px; }

.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 1em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }

.ui-dialog-titlebar {
border-radius: 0;
-webkit-border-top-left-radius: 3px;
Expand Down Expand Up @@ -697,33 +701,8 @@ right: 0;
.ui-dialog-buttonpane .ui-button {
margin: 10px; }

.ui-dialog-titlebar-close {
position: absolute;
top: 17px;
right: 10px;
background: rgba(0, 0, 0, 0.1);
text-indent: -1000em;
display: block;
width: 20px;
height: 20px;
border-radius: 4px; }

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
border: 0;
background: rgba(0, 0, 0, 0.2);
}



.ui-dialog-titlebar-close span {
background: url("images/images.png") no-repeat -106px -33px;
width: 10px;
height: 10px;
display: block;
margin: 5px;
opacity: .4;
text-indent: -1000em;
}


/*
Expand Down Expand Up @@ -862,10 +841,11 @@ right: 0;
border-top-right-radius: 4px;
position:relative;
padding: 20px 14px;

}


.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 17px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {cursor: pointer; position:absolute; top: 17px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 16px; }
.ui-datepicker .ui-datepicker-prev { left:10px; }
.ui-datepicker .ui-datepicker-next { right:10px; }
Expand All @@ -886,6 +866,7 @@ table.ui-datepicker-calendar th {
background-image: -moz-linear-gradient(white, #e1e1e5);
background-image: -o-linear-gradient(white, #e1e1e5);
border-bottom: 1px solid #ccc;
border-top: 0;
border-right: 0;
}

Expand All @@ -902,7 +883,8 @@ table.ui-datepicker-calendar td.ui-datepicker-current-day {

table.ui-datepicker-calendar td.ui-datepicker-current-day a {
color: white;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.ui-datepicker-calendar th, .ui-datepicker-calendar td {
text-align: center;
Expand Down
8 changes: 4 additions & 4 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -453,13 +453,13 @@ <h2 class="demoHeaders">Framework Icons (content color preview)</h2>
</div><!-- .component -->

<div class="component">
<h2 class="demoHeaders">Overlay and Shadow Classes <em>(not currently used in UI widgets)</em></h2>
<div style="position: relative; height: 200px; padding:1% 4%; overflow:hidden;" class="fakewindowcontain">
<h2 class="demoHeaders">Overlay and Shadow Classes</h2>
<div style="position: relative; height: 440px; padding:1% 4%; overflow:hidden;" class="fakewindowcontain">
<p>Lorem ipsum dolor sit amet, Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. </p><p>Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. </p><p>Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. </p><p>Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. </p>

<!-- ui-dialog -->
<div class="ui-overlay"><div class="ui-widget-overlay"></div><div class="ui-widget-shadow ui-corner-all" style="width: 302px; height: 152px; position: absolute; left: 50px; top: 30px;"></div></div>
<div style="position: absolute; width: 280px; height: 130px;left: 50px; top: 30px; padding: 10px;" class="ui-widget ui-widget-content ui-corner-all">
<div class="ui-overlay"><div class="ui-widget-overlay"></div><div class="ui-widget-shadow ui-corner-all" style="width: 302px; height: 152px; position: absolute; left: 50px; top: 130px;"></div></div>
<div style="position: absolute; width: 280px; height: 130px;left: 50px; top: 130px; padding: 10px;" class="ui-widget ui-widget-content ui-corner-all">
<div class="ui-dialog-content ui-widget-content" style="background: none; border: 0;">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
Expand Down

0 comments on commit cf89ce9

Please sign in to comment.