|
|
Line 2,792: |
Line 2,792: |
| } | | } |
| | | |
− | input[type="submit"].special:hover,
| + | input[type="submit"].fit, |
− | input[type="reset"].special:hover,
| + | |
− | input[type="button"].special:hover,
| + | |
− | button.special:hover,
| + | |
− | .button.special:hover {
| + | |
− | background-color: #53639e;
| + | |
− | }
| + | |
− | | + | |
− | input[type="submit"].special:active,
| + | |
− | input[type="reset"].special:active,
| + | |
− | input[type="button"].special:active,
| + | |
− | button.special:active,
| + | |
− | .button.special:active {
| + | |
− | background-color: #c2d4d8;
| + | |
− | }
| + | |
− | | + | |
− | input[type="submit"].special.icon:before,
| + | |
− | input[type="reset"].special.icon:before,
| + | |
− | input[type="button"].special.icon:before,
| + | |
− | button.special.icon:before,
| + | |
− | .button.special.icon:before {
| + | |
− | color: #7985b0;
| + | |
− | }
| + | |
− | | + | |
− | input[type="submit"].fit,
| + | |
| input[type="reset"].fit, | | input[type="reset"].fit, |
| input[type="button"].fit, | | input[type="button"].fit, |
Line 2,880: |
Line 2,856: |
| } | | } |
| | | |
− | .features article { | + | |
− | padding: 1.75em 1.75em 0.1em 1.75em ;
| + | |
− | background-color: #353849;
| + | |
− | border-radius: 5px;
| + | |
− | margin: 1.5em 3em 1.5em 0;
| + | |
− | width: calc(50% - 1.5em);
| + | |
− | }
| + | |
− | | + | |
| .features article:nth-child(2n) { | | .features article:nth-child(2n) { |
| margin-right: 0; | | margin-right: 0; |
Line 3,295: |
Line 3,264: |
| } | | } |
| | | |
− | .wrapper:before { | + | |
− | box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:before, .wrapper:after {
| + | |
− | background-repeat: no-repeat;
| + | |
− | background-size: 100% 100%;
| + | |
− | content: '';
| + | |
− | display: block;
| + | |
− | height: 6.5em;
| + | |
− | position: absolute;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:before {
| + | |
− | left: 0;
| + | |
− | top: -6.5em;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper:after {
| + | |
− | -moz-transform: scaleY(-1);
| + | |
− | -webkit-transform: scaleY(-1);
| + | |
− | -ms-transform: scaleY(-1);
| + | |
− | transform: scaleY(-1);
| + | |
− | bottom: -6.5em;
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.alt:before {
| + | |
− | -moz-transform: scaleX(-1);
| + | |
− | -webkit-transform: scaleX(-1);
| + | |
− | -ms-transform: scaleX(-1);
| + | |
− | transform: scaleX(-1);
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.alt:after {
| + | |
− | -moz-transform: scaleY(-1) scaleX(-1);
| + | |
− | -webkit-transform: scaleY(-1) scaleX(-1);
| + | |
− | -ms-transform: scaleY(-1) scaleX(-1);
| + | |
− | transform: scaleY(-1) scaleX(-1);
| + | |
− | }
| + | |
− | | + | |
− | .wrapper .inner {
| + | |
− | padding: 3em 0 1em 0 ;
| + | |
− | margin: 0 auto;
| + | |
− | width: 55em;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style2 {
| + | |
− | background-color: #353849;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style2:before, .wrapper.style2:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23353849%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style2:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style2:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style3 {
| + | |
− | background-color: #3d4051;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style3:before, .wrapper.style3:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233d4051%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style3:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style3:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style4 {
| + | |
− | background-color: #c2d4d8;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style4:before, .wrapper.style4:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23454858%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style4:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style4:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style5 {
| + | |
− | background-color: #c2d4d8;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style5:before, .wrapper.style5:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234d5060%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style5:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style5:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style6 {
| + | |
− | background-color: #555867;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style6:before, .wrapper.style6:after {
| + | |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23555867%3B' /%3E%3C/svg%3E");
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style6:before {
| + | |
− | box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
| + | |
− | }
| + | |
− | | + | |
− | .wrapper.style6:after {
| + | |
− | box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
| + | |
− | }
| + | |
− | | + | |
| .wrapper.spotlight { | | .wrapper.spotlight { |
| background-color: #c2d4d8; | | background-color: #c2d4d8; |