|
|
| Line 146: |
Line 146: |
| | | | |
| | | | |
| − | <div class="body">
| |
| − | <div class="content">
| |
| − | <div class="retro"></div>
| |
| − | <div class="display"></div>
| |
| − | <div class="base"></div>
| |
| − | <div class="base-bottom"></div>
| |
| − | <div class="open"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <style>
| |
| − | .body {
| |
| − | width: 100%;
| |
| − | text-align: center;
| |
| − | }
| |
| | | | |
| − |
| |
| − | .content {
| |
| − | display: inline-block;
| |
| − | height: 400px;
| |
| − | width: 400px;
| |
| − | margin: 20px auto;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .retro{
| |
| − | background : #333333;
| |
| − | position : absolute ;
| |
| − | margin: 50px 58px;
| |
| − | width : 284px;
| |
| − | height : 187px;
| |
| − |
| |
| − | -webkit-border-top-left-radius: 15px;
| |
| − | -webkit-border-top-right-radius: 15px;
| |
| − | -moz-border-radius-topleft: 15px;
| |
| − | -moz-border-radius-topright: 15px;
| |
| − | border-top-left-radius: 15px;
| |
| − | border-top-right-radius: 15px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .display {
| |
| − | background : #EDEDEB;
| |
| − | background : rgba(237, 237, 235, 1);
| |
| − | display: block;
| |
| − | position: absolute;
| |
| − | margin: 65px 71px;
| |
| − | width : 259px;
| |
| − | height : 163px;
| |
| − | }
| |
| − |
| |
| − | .base {
| |
| − | background : #D8D8D8;
| |
| − | background : rgba(216, 216, 216, 1);
| |
| − | display: block;
| |
| − | margin: 237px auto;
| |
| − | width : 380px;
| |
| − | height : 11px;
| |
| − | }
| |
| − |
| |
| − | .base-bottom {
| |
| − | background : #ABABAB;
| |
| − | display: block;
| |
| − | margin: -237px auto;
| |
| − | width : 378px;
| |
| − | height : 5px;
| |
| − | -webkit-border-bottom-right-radius:15px;
| |
| − | -webkit-border-bottom-left-radius: 15px;
| |
| − | -moz-border-radius-bottomright: 15px;
| |
| − | -moz-border-radius-bottomleft: 15px;
| |
| − | border-bottom-right-radius: 15px;
| |
| − | border-bottom-left-radius: 15px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .open {
| |
| − | background : #828181;
| |
| − |
| |
| − | position : absolute ;
| |
| − | display: block;
| |
| − | margin: 221px 170px;
| |
| − | width : 52px;
| |
| − | height : 5px;
| |
| − | -webkit-border-bottom-right-radius: 10px;
| |
| − | -webkit-border-bottom-left-radius: 10px;
| |
| − | -moz-border-radius-bottomright: 10px;
| |
| − | -moz-border-radius-bottomleft: 10px;
| |
| − | border-bottom-right-radius: 10px;
| |
| − | border-bottom-left-radius: 10px;
| |
| − | }
| |
| − | </style>
| |
| | | | |
| | <div class="container"> | | <div class="container"> |
