Template:WPVG sidebar/styles.css

.wpvg-sidebar { background: #F9F9F9; float: right; clear: right; border: 1px solid #aaa; border-collapse: collapse; margin: 0 0 1em 1em; font-size: 90%; width: 15.5em; white-space: nowrap; }

.wpvg-sidebar table { border-collapse: collapse; width: 100%; }

.wpvg-sidebar table th { text-align: left; border-top: 1px solid #aaa; background: #EFEFEF; }

/* header-cont is the odd man out it might be worth seeing if box shadow might work instead */ .wpvg-sidebar td, .wpvg-sidebar th, .wpvg-sidebar .wpvg-sidebar-header-cont, .wpvg-sidebar .wpvg-sidebar-bottom { padding: 3px; }

.wpvg-sidebar > tbody > tr > td, .wpvg-sidebar > tbody > tr > th { padding: 0; }

td.wpvg-sidebar-subitem { padding-left: 2em; }

.wpvg-sidebar-talk { width: 20%; }

.wpvg-sidebar-shortcut { text-align: center; font-size: 95%; font-weight: bold; }

.wpvg-sidebar-header-cont { text-align: center; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }

.wpvg-sidebar-header { background: #EFEFEF; }

/* with nowrap on parent table, these cells don't wrap right */ .wpvg-sidebar-archives-cont { white-space: normal; }

/* hits all the sub-table td */ .wpvg-sidebar-archives-cont td { line-height: 1.25em; }

/* weird th */ .wpvg-sidebar-archives > tbody > tr > th { font-weight: normal; border-top: none; background: transparent; }

/* weird td too */ .wpvg-sidebar-archives > tbody > tr > td { text-align: center; }

.wpvg-sidebar-bottom { text-align: center; border-top: 1px solid #aaa; }

.wpvg-sidebar-bottom div { padding-top: 1em; padding-bottom: 0.2em; }

.wpvg-sidebar-bottom ul { padding-bottom: 0.8em; font-size: 95%; }

@media (max-width: 720px) { .wpvg-sidebar { width: 100%; } }