Select Page

/* ----------------------------------------- */ /* Content Template: Datebox_SELF_template - start */ /* ----------------------------------------- */ datebox.icon { font-size: 1em; /* change icon size */ display: block; position: relative; width: 6em; height: 6em; background-color: #fff; margin: 0.5em auto; /* vertical positioning */ border-radius: 0.6em; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; box-shadow: 0 1px 0 #bdbdbd; overflow: hidden; } datebox.icon * { display: block; width: 100%; font-size: 1em; font-weight: bold; font-style: normal; text-align: center; } datebox.icon month /* Month */ { position: absolute; top: 0em; padding: 0.2em 0; color: #fff; background-color: #00a800; } datebox.icon year { position: absolute; bottom: 0; padding: 0.1em 0; color: #fff; background-color: #00a800; } datebox.icon self { width: 100%; font-size: 2em; letter-spacing: 0em; padding-top: 1em; color: #444444; } /* ----------------------------------------- */ /* Content Template: Datebox_SELF_template - end */ /* ----------------------------------------- */