Select Page

/* ----------------------------------------- */ /* WordPress Archive slug: activity-types - start */ /* ----------------------------------------- */ .wrapper { width: auto; min-width: 200px; max-width: 800px; margin: 3em auto; text-align: left; } .header { border-bottom: solid 1px #00cf00; /* dhub dark green */ } .line-below { border-bottom: solid 1px #00cf00; /* dhub dark green */ } .line-above { border-top: solid 1px #00cf00; /* dhub dark green */ } /* gridding*/ /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px; } /* COLUMN SETUP */ .col { display: block; float:left; margin: 1% 0 1% 2%; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /* GRID OF TWO */ .span_2_of_2 { width: 100%; } .span_left_of_2 { width: 70%; } .span_right_of_2 { width: 26%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } } @media only screen and (max-width: 480px) { .span_2_of_2, .span_left_of_2, .span_right_of_2 { width: 100%; } } /* ----------------------------------------- */ /* WordPress Archive slug: activity-types - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* 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 */ /* ----------------------------------------- */