Changeset 1637

Timestamp:

05/28/2015 04:40:26 PM (10 years ago)

Author:

samuelsidler

Message:

Make Home Theme: Update styles for the meeting calendar

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-makehome

Files:

• archive-meeting.php (modified) (2 diffs)
• style.css (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-makehome/archive-meeting.php

@@ -1 +1 @@
 <?php get_header(); ?>
 
-<table class="wrapper">
-    <tr>
-        <th>Team</th>
-        <th>Name</th>
-        <th>Next Meeting Date</th>
-        <th>Time</th>
-        <th>Location</th>
-    </tr>
+<div class="wrapper">
+    <h2 class="title">Upcoming WordPress Meetings</h2>
+<table class="schedule">
+    <thead>
+        <tr>
+            <th>Team</th>
+            <th>Name</th>
+            <th>Next Meeting Date</th>
+            <th>Time</th>
+            <th>Location</th>
+        </tr>
+    </thead>
+    <tbody>
     <?php while( have_posts() ): the_post(); ?>
         <tr id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
@@ -17 +22 @@
             <td><?php echo $post->location; ?></td>
         </tr>
-
     <?php endwhile; ?>
-</table><!-- /wrapper -->
+    </tbody>
+</table>
+</div><!-- /wrapper -->
 
 <?php get_footer(); ?>

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-makehome/style.css

@@ -296 +296 @@
 }
 
+/* schedule */
+body.post-type-archive-meeting {
+    background-color: white;
+}
+h2.title {
+    margin: 30px 10px;
+    font-size: 36px;
+    font-weight: 300;
+    line-height: 1.3;
+}
+table.schedule {
+  width: 100%;
+  margin: 30px 10px;
+  font-size: 1.4em;
+  border-collapse: collapse;
+}
+
+.schedule thead th {
+  border-bottom: 1px solid rgb(204, 204, 204);
+  font-weight: bold;
+  padding: 5px 0px;
+}
+
+table.schedule tbody tr:nth-child(odd) {
+  background: rgb(232, 232, 232);
+}
+
+table.schedule tbody tr:nth-child(even) {
+  background: rgb(252, 252, 252);
+}
+
+table.schedule td,
+table.schedule th {
+  padding: 5px 3px;
+}