Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html { overflow: scroll; overflow-x: hidden; }
- /* CONTAINER FOR YOUR CARDS */
- #kard {
- padding: 0px 0px;
- max-width: 700px; /* CHANGE CARD SIZE HERE */
- margin: 0 auto; /* CENTERS THE CARD IN THE MIDDLE OF THE WINDOW */
- word-wrap: break-word; /* BREAKS UP LONG WORKS */
- }
- span.ingredient {
- line-height: 1.4;
- text-align: center;
- }
- /* APPLIES TO THE WHOLE CARD */
- .card {
- font-family: Helvetica;
- font-size: 18px; /* FONT SIZE */
- text-align: center; /* ALIGN TEXT */
- color: #D7DEE9; /* FONT COLOR */
- line-height: 1.6em;
- background-color: #333B45; /* BACKGROUND COLOR */
- }
- /* STYLE FOR CLOZE DELETIONS */
- .cloze, .cloze b, .cloze u, .cloze i { font-weight: bold; color: MediumSeaGreen !important;}
- /* STYLE FOR EXTRA PORTION ON BACK OF CARD */
- #extra, #extra i { font-size: 15px; color:#D7DEE9; font-style: italic; }
- /* STYLE TAGS TO APPEAR WHEN HOVERING OVER TOP OF CARD */
- .tags {
- color: #A6ABB9;
- opacity: 0;
- font-size: 10px;
- width: 100%;
- text-align: center;
- text-transform: uppercase;
- position: fixed;
- padding: 0;
- top:0;
- right: 0;}
- .tags:hover { opacity: 1; position: fixed;}
- /* IMAGE STYLE */
- img { display: block; max-width: 100%; max-height: none; margin-left: auto; margin: 10px auto 10px auto;}
- tr {font-size: 12px; }
- /* COLOR ACCENTS FOR BOLD-ITALICS-UNDERLINE */
- b { color: #C695C6 !important; } /* BOLD STYLE */
- u { text-decoration: none; color: #5EB3B3;} /* UNDERLINE STYLE */
- i { color: IndianRed; } /* ITALICS STYLE */
- a { color: #b58900 !important; text-decoration: none; font-size: 40px; font-style: normal; } /* LINK STYLE */
- /* ADJUSTMENT FOR MOBILE DEVICES */
- .mobile .card { color: #D7DEE9; background-color: #333B45; }
- .mobile .tags:hover { opacity: 1; position: relative;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement