Difference between revisions of "Team:UCLA/core/journalcss"

 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
  
−
h2 {
+
.team-select-header {
−
padding: 30px 0 0 0;
+
  font-size: 180%;
−
color: #00044d;
+
  padding: 30px 0 0 0;
 +
  color: #00044d;
 
}
 
}
 
/* HERO */
 
/* HERO */

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(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 { 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; }

  1. team-cdi h3 {

background-color: #ff695c; }

  1. team-cdi.team-inactive h3:hover {

background-color: #ff8a80; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); }

  1. team-pcage h3 {

background-color: #4d7cff; }

  1. 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; }

  1. pcage-team-journal {

display: none; }