MediaWiki:EnsSpeDemo.css: Difference between revisions

From Wiki PeiP systèmes embarqués
Jump to navigation Jump to search
No edit summary
No edit summary
Line 4: Line 4:
     height: 320px;
     height: 320px;
     margin: auto;
     margin: auto;
     border: 16px rgb(75, 75, 75) solid;
     border: 8px rgb(75, 75, 75) solid;
     border-top-width: 60px;
     border-top-width: 30px;
     border-bottom-width: 60px;
     border-bottom-width: 30px;
     border-radius: 36px;
     border-radius: 18px;
   }
   }


Line 13: Line 13:
     content: '';
     content: '';
     display: block;
     display: block;
     width: 60px;
     width: 30px;
     height: 5px;
     height: 5px;
     position: absolute;
     position: absolute;
Line 37: Line 37:


.phone .content {
.phone .content {
     width: 360px;
     width: 180px;
     height: 640px;
     height: 320px;
     background: white;
     background: white;
   }
   }

Revision as of 07:39, 30 June 2023

.phone {
    position: relative;
    width: 180px;
    height: 320px;
    margin: auto;
    border: 8px rgb(75, 75, 75) solid;
    border-top-width: 30px;
    border-bottom-width: 30px;
    border-radius: 18px;
  }

.phone:before {
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #333;
    border-radius: 10px;
  }

.phone:after {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 50%;
    bottom: -65px;
    transform: translate(-50%, -50%);
    background: #333;
    border-radius: 50%;
  }

.phone .content {
    width: 180px;
    height: 320px;
    background: white;
  }