Difference between revisions of "Team:UCLA/core/journalcss"
| Line 4: | Line 4: | ||
h2 { | h2 { | ||
margin-top: 20px; | margin-top: 20px; | ||
| + | } | ||
| + | /* HERO */ | ||
| + | .hero { | ||
| + | background: url(https://static.igem.org/mediawiki/2016/c/c6/Group_Meeting_Hero.png); | ||
| + | background-repeat: no-repeat; | ||
| + | background-size: cover; | ||
| + | text-align: center; | ||
| + | max-width: 100%; | ||
| + | margin-top: -10px; | ||
| + | height: 400px; | ||
| + | box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.6); | ||
| + | } | ||
| + | |||
| + | .hero h1 { | ||
| + | font-family: 'Roboto Slab', serif; | ||
| + | font-size: 90pt; | ||
| + | display: inline-block; | ||
| + | color: white; | ||
| + | margin-top: 70px; | ||
} | } | ||
/*TEAM SELECT STYLING*/ | /*TEAM SELECT STYLING*/ | ||
| Line 36: | Line 55: | ||
top: 3px; | top: 3px; | ||
box-shadow: none; | box-shadow: none; | ||
| − | |||
} | } | ||
#team-cdi h3 { | #team-cdi h3 { | ||
| Line 43: | Line 61: | ||
#team-cdi h3:hover { | #team-cdi h3:hover { | ||
background-color: #ff8a80; | background-color: #ff8a80; | ||
| + | box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); | ||
} | } | ||
#team-pcage h3 { | #team-pcage h3 { | ||
| Line 49: | Line 68: | ||
#team-pcage h3:hover { | #team-pcage h3:hover { | ||
background-color: #7096ff; | background-color: #7096ff; | ||
| + | box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); | ||
| + | |||
} | } | ||
.week-entry { | .week-entry { | ||
Revision as of 22:14, 10 August 2016
- content {
background-color: #f6f6f6;
}
h2 {
margin-top: 20px;
}
/* HERO */
.hero {
background: url(
);
background-repeat: no-repeat;
background-size: cover;
text-align: center;
max-width: 100%;
margin-top: -10px;
height: 400px;
box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.6);
}
.hero h1 { font-family: 'Roboto Slab', serif; font-size: 90pt; display: inline-block; color: white; margin-top: 70px; } /*TEAM SELECT STYLING*/ .team-select { text-align: center; 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; }
- team-cdi h3 {
background-color: #ff695c; }
- team-cdi h3:hover {
background-color: #ff8a80; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); }
- team-pcage h3 {
background-color: #4d7cff; }
- team-pcage h3:hover {
background-color: #7096ff; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
} .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; }
