Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

This commit is contained in:
James Graham
2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions

View File

@@ -0,0 +1,49 @@
/* Set the margin to 0 so we'll know that the target will be there if the content isn't flowing into a region */
body {
margin: 0;
}
#msg-complete {
color: blue;
}
/* Set the width of the content div so that the blocks will wrap downward when they're not flowing into a region */
#content {
-webkit-flow-into: content;
width: 125px;
}
/* Set regions to float left so the blocks will be laid out horizontally when they're flowing into the regions */
.region {
-webkit-flow-from: content;
width: 125px;
height: 125px;
float:left;
}
/* Basic block */
.block {
background-color: gray;
display: inline-block;
width: 100px;
height: 100px;
}
/* Set color on the target to be different than the others */
#target-block {
background-color: rgb(0, 0, 0);
}
#target-block:hover {
background-color: rgb(0, 255, 0);
}
input:focus {
background-color: rgb(0, 255, 0);
}
#outside-region {
clear: both;
width: 125px;
height: 125px;
background-color: rgb(255, 191, 0);
margin: 25px;
}
#outside-region:hover {
background-color: rgb(0, 255, 0);
}
#log {
clear: both;
}

View File

@@ -0,0 +1,46 @@
/* Set the margin to 0 so we'll know that the target will be there if the content isn't flowing into a region */
body {
margin: 0;
}
#msg-complete {
color: blue;
}
/* Set the width of the content div so that the blocks will wrap downward when they're not flowing into a region */
#content {
flow-into: content;
width: 75px;
}
/* Set regions to float left so the blocks will be laid out horizontally when they're flowing into the regions */
.region {
flow-from: content;
width: 75px;
height: 75px;
float: left;
}
/* Basic block */
.block {
background-color: gray;
display: inline-block;
width: 50px;
height: 50px;
}
/* Set color on the target to be different than the others */
#target-block {
background-color: rgb(0, 0, 0);
}
#target-block:hover {
background-color: rgb(0, 255, 0);
}
#outside-region {
clear: both;
width: 75px;
height: 75px;
background-color: rgb(255, 191, 0);
margin: 25px;
}
#outside-region:hover {
background-color: rgb(0, 255, 0);
}
#log {
clear: both;
}

View File

@@ -0,0 +1,22 @@
#source
{
flow-into: content;
}
#region
{
flow-from: content;
}
#start-select
{
background-color: orange;
}
#end-select
{
background-color: blue;
}
.select-point
{
width: 15px;
height: 15px;
display: inline-block;
}