Difference between revisions of "Team:UCLA/core/journalcss"
| (24 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | # | + | |
| − | background-color: | + | .team-select-header { |
| + | font-size: 180%; | ||
| + | padding: 30px 0 0 0; | ||
| + | color: #00044d; | ||
| + | } | ||
| + | /* 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-size: 75pt; | ||
| + | display: inline-block; | ||
| + | color: white; | ||
| + | margin-top: 85px; | ||
| + | letter-spacing: 7px; | ||
} | } | ||
/*TEAM SELECT STYLING*/ | /*TEAM SELECT STYLING*/ | ||
.team-select { | .team-select { | ||
text-align: center; | text-align: center; | ||
| − | |||
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 { | ||
padding-bottom: 40px; | 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 { | .team-active h3 { | ||
text-decoration: underline; | text-decoration: underline; | ||
| + | top: 3px; | ||
| + | box-shadow: none; | ||
| + | cursor: default; | ||
} | } | ||
#team-cdi h3 { | #team-cdi h3 { | ||
| − | color: #ff695c; | + | background-color: #ff695c; |
| + | } | ||
| + | #team-cdi.team-inactive h3:hover { | ||
| + | background-color: #ff8a80; | ||
| + | box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); | ||
} | } | ||
#team-pcage h3 { | #team-pcage h3 { | ||
| − | color: #4d7cff; | + | background-color: #4d7cff; |
| + | } | ||
| + | #team-pcage.team-inactive h3:hover { | ||
| + | background-color: #7096ff; | ||
| + | box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); | ||
} | } | ||
| − | |||
.week-entry { | .week-entry { | ||
background-color: white; | background-color: white; | ||
| Line 30: | Line 79: | ||
.week-header { | .week-header { | ||
padding-top: 10px; | padding-top: 10px; | ||
| − | + | padding-bottom: 20px; | |
| − | + | margin-top: 20px; | |
| + | cursor: pointer; | ||
} | } | ||
| + | .week-content { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
.day-entry:before { | .day-entry:before { | ||
content: ""; | content: ""; | ||
| Line 41: | Line 95: | ||
position: relative; | position: relative; | ||
bottom: 9px; | bottom: 9px; | ||
| + | } | ||
| + | |||
| + | .day-entry .small-9 { | ||
| + | padding-right: 4%; | ||
} | } | ||
| Line 64: | Line 122: | ||
.day-entry { | .day-entry { | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
| + | } | ||
| + | #pcage-team-journal { | ||
| + | display: none; | ||
} | } | ||
Latest revision as of 19:45, 30 August 2016
.team-select-header {
font-size: 180%; padding: 30px 0 0 0; color: #00044d;
}
/* 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-size: 75pt; display: inline-block; color: white; margin-top: 85px;
letter-spacing: 7px;
} /*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; cursor: default; }
- team-cdi h3 {
background-color: #ff695c; }
- team-cdi.team-inactive 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.team-inactive 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; }
