Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @font-face {
- font-family: mplus;
- src: url('mplus-1mn-regular.ttf');
- }
- .none {
- display: none;
- font-size: 0;
- height: 0px;
- }
- .card {
- font-family: "mplus", arial;
- font-size: 20px;
- text-align: center;
- color: #fff;
- background: url("yourimagehere.png");
- }
- hr {
- border: 0;
- color: transparent;
- background-color: transparent;
- border-top: 1px dotted #fff;
- }
- .container {
- margin: 0 0 1em;
- padding: .75em;
- background: #768ca3;
- opacity: 0.95;
- border-radius: 5px;
- overflow: hidden;
- }
- #keyword {
- padding: 2.75em .75em .75em;
- }
- #expression {
- position: absolute;
- top: 10px;
- left: 0;
- background: #e1c388;
- font-weight: bold;
- padding: .5em;
- border-radius: 0px 7px 7px 0px;
- color: #fff;
- float: left;
- margin: 0 .5em 0 0;
- }
- #usage {
- font-size: 12px;
- padding: 0;
- }
- #meaning table {
- width: 100%;
- }
- #meaning th,
- #meaning td {
- color: #fff;
- width: 50%;
- }
- #meaning td {
- font-size: 14px;
- vertical-align: top;
- }
- #example {
- font-size: 14px;
- padding: 1.5em 1em 1.5em;
- }
- #example .jp {
- font-size: 18px;
- }
- #example i {
- color: #e1c388;
- }
- #example b {
- color: #f67273;
- }
- #jp-meaning,
- #en-meaning {
- padding: .75em 4em .75em .75em;
- }
- #jp-meaning h3,
- #en-meaning h3 {
- position: absolute;
- margin-top: -20px;
- right: 0;
- z-index: 5;
- background: #e1c388;
- padding: 10px 10px 7px;
- border-radius: 7px 0px 0px 7px;
- }
- .jp { }
- .win .jp { font-family: "Meiryo"; }
- .mac .jp { font-family: "mplus", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro"; }
- .linux .jp { font-family: "Kochi Mincho", "東風明朝"; }
- .mobile .jp { font-family: "Hiragino Mincho ProN"; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement