Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url('https://fonts.googleapis.com/css?family=Open+Sans');
- #container {
- padding-bottom: 13%;
- }
- .context {
- margin: auto;
- margin-top: 5%;
- width: 70%;
- }
- .partcontainer {
- width: 100%;
- height: 30%;
- float: left;
- margin-bottom: 10%;
- }
- .polaroid, .partdescription, .linecontainer {
- display: inline-block;
- margin: none;
- float: left;
- width: 45%;
- height: 15vmax;
- }
- .linecontainer {
- width: 10%;
- }
- .rotate1 {
- -webkit-transform: rotate(-2deg);
- -moz-transform: rotate(-2deg);
- -o-transform: rotate(-2deg);
- -ms-transform: rotate(-2deg);
- transform: rotate(-2deg);
- }
- .rotate2 {
- -webkit-transform: rotate(4deg);
- -moz-transform: rotate(4deg);
- -o-transform: rotate(4deg);
- -ms-transform: rotate(4deg);
- transform: rotate(4deg);
- }
- .rotate3 {
- -webkit-transform: rotate(-15deg);
- -moz-transform: rotate(-15deg);
- -o-transform: rotate(-15deg);
- -ms-transform: rotate(-15deg);
- transform: rotate(-15deg);
- }
- .line {
- background-color: white;
- height: 100%;
- width: 1%;
- margin: auto;
- }
- .polaroid img {
- margin-top: -10%;
- height: 120%;
- -webkit-box-shadow: 0px 10px 50px 10px rgba(0,0,0,0.5); /* x, y, blur, spread, colour*/
- -moz-box-shadow: 0px 10px 50px 10px rgba(0,0,0,0.5); /* x, y, blur, spread, colour*/
- box-shadow: 0px 10px 50px 10px rgba(0,0,0,0.5); /* x, y, blur, spread, colour*/
- }
- .context h3 {
- color: white;
- font-size: 1.3vmax;
- }
- .part1 h3 {
- color: white;
- font-size: 2vmax;
- }
- .part2 h3 {
- color: white;
- font-size: 1.4vmax;
- }
- .part3 h3 {
- color: white;
- font-size: 1.8vmax;
- }
- .demo {
- margin-top: 10%;
- }
- .demo h2 {
- color: rgba(255,255,255,0.7);
- }
- .demo h4 {
- color: rgba(1,1,1,0.3);
- }
- .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(32, 39, 67, 0) 0%, rgba(32, 39, 67, 1) 99%, rgba(32, 39, 67, 1) 100%); /* FF3.6-15 */
- background: -webkit-linear-gradient(left, rgba(32, 39, 67, 0) 0%,rgba(32, 39, 67, 1) 99%,rgba(32, 39, 67, 1) 100%); /* Chrome10-25,Safari5.1-6 */
- background: linear-gradient(to right, rgba(32, 39, 67, 0) 0%,rgba(32, 39, 67, 1) 99%,rgba(32, 39, 67, 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(32, 39, 67, 1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
- background: -webkit-linear-gradient(left, rgba(32, 39, 67, 1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
- background: linear-gradient(to right, rgba(32, 39, 67, 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