Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background-color: #f5f5f5;
- font-family: Verdana;
- font-size: 11px;
- }
- .wrapper {
- width: 100%;
- height: 100%;
- display: inline-table;
- vertical-align: top;
- text-align: center;
- }
- .menu {
- vertical-align: middle;
- display: table-cell;
- text-align: center;
- }
- h1 {
- margin: 0 0 40px 0;
- padding: 0;
- font-size: 50px;
- font-family: georgia, times, times new roman, serif;
- font-weight: 400;
- font-style: italic;
- }
- .link {
- width: 100px;
- height: 100px;
- vertical-align: middle;
- background-color: #fff;
- display: inline-block;
- margin: 20px;
- overflow: hidden;
- }
- .link a {
- width: 100%;
- height: 100%;
- }
- .link a, .link u {
- text-decoration: none;
- }
- .first, .second {
- width: 100px;
- height: 100px;
- float: left;
- vertical-align: top;
- line-height: 100px;
- }
- .link .second {
- text-transform: uppercase;
- font-weight: bold;
- letter-spacing: 0.025em;
- font-size: 9px;
- display: none;
- }
- .link:hover .first { display: none; }
- .link:hover .second { display: block; }
- .block {
- margin: 0;
- padding: 0;
- width: 100%;
- height: 0px;
- }
- /* change your colors here */
- .orange:hover { background-color: #f2af3f; }
- .pink:hover { background-color: #ed73ac; }
- .yellow:hover { background-color: #fcf473; }
- .green:hover { background-color: #97deb2; }
- .blue:hover { background-color: #63b1cd; }
- .purple:hover { background-color: #b8a2aa; }
- .link a {
- color: #444; /* change your box text color here */
- }
Add Comment
Please, Sign In to add comment