Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @font-face {
- font-family: "Intro";
- src: url(https://dl.dropbox.com/s/6ljrkkvsmj7m2fx/Intro.otf);
- format("truetype");
- }
- #lili {
- width: 600px;
- height: auto;
- }
- #lili .base {
- background: #000;
- padding: 10px;
- outline: 1px solid #fff;
- outline-offset: -5px;
- }
- #lili .foto {
- width: 100px;
- height: 100px;
- background: center/cover;
- border-right: solid 4px #fff;
- border-bottom: solid 4px #fff;
- border-radius: 100%;
- }
- #lili .title {
- font: 30px Intro;
- color: #fff;
- padding: 5px;
- box-sizing: border-box;
- margin-top: 5px;
- text-align: center;
- }
- #lili .line {
- width: 590px;
- height: 1px;
- background: #FFFFFF;
- position: relative;
- margin-left: -5px;
- }
- #lili .small {
- font: 10px Montserrat;
- color: #fff;
- text-transform: uppercase;
- font-weight: bold;
- text-align: justify;
- padding: 10px;
- width: 450px;
- }
- #lili .basepost {
- padding: 35px;
- box-sizing: border-box;
- background: #000;
- }
- #lili .post {
- padding: 5px;
- text-align: justify;
- font: 12px Arial;
- color: #ccc;
- line-height: 170%;
- }
- #lili:after { display: block; content: "「sp」"; padding: 5px 10px; font: 8px Consolas; text-transform: uppercase; font-weight: bold; opacity: .4; color: #8c8c8c; } #lili:hover:after { content: "「self portrait resources」"; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement