Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url('https://fonts.googleapis.com/css?family=Open+Sans');
- h3 {
- margin-top: 4%;
- margin-bottom: 5%;
- }
- .demo h2 {
- }
- .demo h4 {
- color: #8c8c8c;
- }
- .demo hr {
- margin: auto;
- margin-bottom: 3%;
- margin-top: 2%;
- width: 50%;
- }
- #flat img {
- width: 200px;
- height: 200px;
- }
- #housematecontainer {
- margin: 0 auto;
- float: middle;
- width: 70%;
- }
- #rightgradient {
- display: inline-block;
- position: absolute;
- width: 20%;
- height: 100%;
- background-color: white;
- z-index: 100;
- right: 0;
- top: 0;
- margin-right: 15%;
- background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
- background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
- background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
- }
- #leftgradient {
- top: 0;
- display: inline-block;
- position: absolute;
- width: 20%;
- height: 100%;
- background-color: white;
- z-index: 100;
- margin-left: 15%;
- left: 0;
- background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
- background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
- background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement