Line 11: | Line 11: | ||
margin-bottom: 30px; | margin-bottom: 30px; | ||
max-width: none; | max-width: none; | ||
+ | } | ||
+ | .team-select:after { | ||
+ | content: ""; | ||
+ | width: 90%; | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | display: block; | ||
+ | margin: auto; | ||
+ | position: relative; | ||
} | } | ||
.team { | .team { | ||
Line 23: | Line 31: | ||
border-radius: 5px; | border-radius: 5px; | ||
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3); | box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3); | ||
− | transition: | + | transition: background-color 0.3s, box-shadow 0.3s; |
} | } | ||
.team-active h3 { | .team-active h3 { | ||
Line 29: | Line 37: | ||
top: 3px; | top: 3px; | ||
box-shadow: none; | box-shadow: none; | ||
+ | box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); | ||
} | } | ||
#team-cdi h3 { | #team-cdi h3 { |
Revision as of 22:11, 10 August 2016
- content {
background-color: #f6f6f6; } h2 { margin-top: 20px; } /*TEAM SELECT STYLING*/ .team-select { text-align: center; background-color: white; margin-bottom: 30px; max-width: none; } .team-select:after { content: ""; width: 90%; border-bottom: 1px solid #ccc; display: block; margin: auto; position: relative; } .team { padding-bottom: 40px; cursor: pointer; } .team h3 { color: white; position: relative; margin: 0 30%; padding: 30px 40px; border-radius: 5px; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3); transition: background-color 0.3s, box-shadow 0.3s; } .team-active h3 { text-decoration: underline; top: 3px; box-shadow: none; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); }
- team-cdi h3 {
background-color: #ff695c; }
- team-cdi h3:hover {
background-color: #ff8a80; }
- team-pcage h3 {
background-color: #4d7cff; }
- team-pcage h3:hover {
background-color: #7096ff; } .week-entry {
background-color: white; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4); margin-bottom: 20px; border-radius: 4px;
} .week-header { padding-top: 10px; padding-bottom: 20px; margin-top: 20px; cursor: pointer; } .week-content { display: none; }
.day-entry:before { content: ""; width: 90%; border-bottom: 1px solid #ccc; display: block; margin: auto; position: relative; bottom: 9px; }
.day-entry .small-9 { padding-right: 4%; }
.week-number, .day-date { border: 1px solid #ccc; padding: 10px; text-align: center; margin-left: 25px; background-color: white; width: 9%; border-radius: 4px; } .day-date { margin-left: 10%; } .week-number span, .day-date span { font-size: 10pt; } .week-number p, .day-date p { font-size: 42pt; margin: -16px 0 -10px 0; } .day-entry { margin-bottom: 20px; }
- pcage-team-journal {
display: none; }