Position: Cleanup up position demo CSS and add it to the within-visual-test

This commit is contained in:
Jörn Zaefferer 2011-07-12 11:15:33 -04:00
parent bfbb9e3b23
commit 927857ce84
2 changed files with 19 additions and 8 deletions

View File

@ -12,7 +12,7 @@
<script src="../../ui/jquery.ui.position.js"></script>
<link rel="stylesheet" href="../demos.css">
<style>
div#parent {
#parent {
width: 60%;
margin: 10px auto;
padding: 5px;
@ -20,7 +20,7 @@
background-color: #fbca93;
text-align: center;
}
div.positionable {
.positionable {
width: 75px;
height: 75px;
position: absolute;
@ -30,16 +30,16 @@
background-color: #bcd5e6;
text-align: center;
}
div.ui-flipped-top {
.ui-flipped-top {
border-top: 3px solid #000000;
}
div.ui-flipped-bottom {
.ui-flipped-bottom {
border-bottom: 3px solid #000000;
}
div.ui-flipped-left {
.ui-flipped-left {
border-left: 3px solid #000000;
}
div.ui-flipped-right {
.ui-flipped-right {
border-right: 3px solid #000000;
}
select, input {

View File

@ -66,9 +66,20 @@
bottom: 0;
background-color: #bcd5e6;
text-align: center;
border:solid 2px #555;
cursor:move;
}
.ui-flipped-top {
border-top: 3px solid #000000;
}
.ui-flipped-bottom {
border-bottom: 3px solid #000000;
}
.ui-flipped-left {
border-left: 3px solid #000000;
}
.ui-flipped-right {
border-right: 3px solid #000000;
}
select, input {
margin-left: 15px;
}