User styles to improve the Academy of Art University online classes pages. It improves readability mostly for the class modules and the UX of the module navigation. Also improves readability in the Discussion area

gistfile1.css

#course-info {
    margin-bottom: 0.5em;
}

#ft.page-foot a:link, #ft.page-foot a:visited {
    color: #B20;
}

#hd #global-header {
    background: #fff;
}

#logged-in {
    border-bottom: none;
}

#main-body, #body-wrapper, #logged-in, #ft.page-foot {
    background: #ddd;
}

#page {
    background: #fff;
}

#quiz {
    margin: 0 auto;
    width: 600px;
}

#quiz .quiz-question {
    overflow: hidden;
    padding: 20px;
}

#quiz .quiz-question .item-head h4 {
    font-size: 1.3em;
    line-height: 1.4;
    width: 80%;
}

#quiz .quiz-question div.quiz-answers {
    font-size: 1.2em;
}

#quiz .quiz-question:nth-of-type(odd) {
    background: #f9f9f9;
}

#session_main {
    font-size: 1.5em;
    line-height: 1.7;
    width: 600px;
}

body.contentOnly #session_main {
    width: 700px;
}

#session_main table {
    width: 100%;
}

.data-table tbody tr:nth-of-type(odd) td, .data-table tbody tr:nth-of-type(odd) th, .data-table .norecords-td, .sub-table .data-table tbody tr:nth-of-type(odd) td, .sub-table .data-table tbody tr:nth-of-type(odd) th {
    background-color: #efefef;
}

.data-table td {
    padding: 10px 0;
}

.data-table td.topic-col {
    font-size: 1.2em;
}

.pagination .page-nav {
    float: left;
    margin-left: 0;
}

.pagination .top-nav ul.inline-list, .pagination .bottom-nav ul.inline-list {
    float: right;
}

.pagination .view-state, .pagination .bottom-nav, .pagination .top-nav {
    right: 0;
}

.semester-info {
    display: inline;
    float: right;
}

.thumb-list .item-actions li a {
    display: inline-block;
    opacity: .8;
    padding: 5px 10px;
}

.thumb-list .item-actions li::before {
    content: '';
}

.thumb-list .item-actions li:last-child a, input[type="submit"], input[type="button"], .button, .button:link, .button:visited, a.cta-button:link, a.cta-button:visited, a.cta-inline:link, a.cta-inline:visited {
    background: rgb(33, 73, 132);
    border-radius: 3px;
    color: rgba(255,255,255,0.9);
    opacity: 1;
}

.thumb-list .item-actions li:last-child a:hover, input[type="submit"]:hover, input[type="button"]:hover, .button:hover, a.cta-button:hover, a.cta-inline:hover {
    background: rgba(33, 73, 132, 0.9);
    color: #fff;
    text-decoration: none;
}

.topic-post .post-body {
    font-size: 1.5em;
    line-height: 1.7;
    margin: 0 auto;
    width: 600px;
}

.topic-post .post-body img {
    height: auto;
    max-width: 100%;
}

.topic-post .post-body table {
    border: 1px solid #bbb;
    font-size: .9em;
    width: 100%;
}

.topic-post .post-body table td {
    padding: 5px;
}

input[type="submit"], input[type="button"] {
    line-height: 1;
}

input[type="submit"], input[type="button"], .button, .button:link, .button:visited, a.cta-button:link, a.cta-button:visited, a.cta-inline:link, a.cta-inline:visited {
    font-size: 12px;
    padding: 3px 8px;
}