t-square.css

/*
Refined T-Square

Author: Ryan Ashcraft
URI: http://ryanashcraft.me/
Version: 1.1.4

09/08/2011 (1.1) - initial release
09/12/2011 (1.1.1)- fix "My Active Sites" button and other bugs
09/16/2011 (1.1.2) - fix "my Active Sites" popup, table-row backgrounds, and other bugs
09/17/2011 (1.1.3) - fix nav link hover bug and other bugs
08/21/2012 (1.1.4) - fix issues resulting from Fall 2012 T-Square updates
*/

* {
    font-family: Helvetica, Arial, sans-serif !important;
}

html, body {
    margin: 0 !important;
    padding: 0 !important;
}

body.portalBody {
    background: #eee !important;
    min-width: 600px !important;
    width: 100% !important;
}

body {
    width: 99% !important;
}

a:hover {
    color: #768bae !important;
}

a:link:hover {
    color: #4a6594 !important;
}

/* text */

h2, h3, h4, h5, h6, p, li {
    color: #000 !important;
}

/* outer containers */

#portalOuterContainer {
    background: #fff !important;
    overflow: hidden !important;
}

#container {
    padding-top: 15px !important;
}

#content {
}

#footer {
    background: #eee !important;
    border-top: 1px solid #ccc !important;
    padding: 15px !important;
    margin: 15px 0 0 0 !important;
    float: left !important;
    width: 100% !important;
}

/* header */

#headerMax, #headerMin {
    background: #eee !important;
    padding: 5px 0 !important;
    border-bottom: 1px solid #ddd !important;
    position: relative !important;
    min-height: 47px !important;
}

#mastHead {
    background: transparent !important;
    height: 0 !important;
}

#mastLogo {
    display: none !important;
}

#mastBanner {
    display: none !important;
}

#mastLogin {
    background: transparent !important;
    position: absolute !important;
    top: 21px !important;
    right: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1000 !important;
}

#mastLogin a {
    border: 1px solid #cbb342 !important;
    font-weight: bold !important;
    background: #efd34e !important;
    border-radius: 5px !important;
    padding: 8px 13px 8px 13px !important;
    text-decoration: none !important;
}

#mastLogin a:hover {
    background: #f3dc6a !important;
    color: #000 !important;
    text-decoration: none !important;
}

#siteNavWrapper {
    background: transparent !important;
}

.siteNavWrap {
    background: transparent !important;
    float: none !important;
    padding: 5px 0 5px 5px !important;
    z-index: 0 !important;
}

#siteNav {
    height: auto !important;
}

#linkNav {
    width: 100% !important;
}

#siteLinkList {
    clear: both;
    max-width: 85% !important;
}

#siteLinkList li {
    font-weight: bold !important;
}

#siteLinkList li a {
    background: #efd34e !important;
    color: #000 !important;
    border: 1px solid #cbb342 !important;
    border-radius: 5px !important;
    margin: 2px 4px 2px 0 !important;
    text-decoration: none !important;
}

#siteLinkList li a:hover {
    background: #f4e187 !important;
    color: #000 !important;
    text-decoration: none !important;
}

#siteLinkList li a span {
    padding: 8px 13px 8px 2px !important;
}

#siteLinkList li a span.outer {
    padding: 0 !important;
}

#siteLinkList li.selectedTab a {
    background: #f4e187 !important;
}

#siteLinkList li.selectedTab a span {
    padding: 8px 13px 8px 2px !important;
}

#siteLinkList li span {
    background: transparent !important;
}

.divColor {
    clear: both !important;
}

/* page */

.portletBody {
    padding: 0 !important;
}

.portletTitle {
    height: auto !important;
    text-transform: none !important;
}

.portletTitle .title {
    padding: 0 0 2px 0 !important;
    height: auto !important;
    float: none !important;
    border-bottom: 1px solid #CCC !important;
}

.portletTitle .title h2 {
    margin: 0 !important;
    font-size: 18px !important;
}

.portletTitleWrap {
    border-bottom: 0 !important;
}

#container #toolMenu ul {
    background: transparent !important;
}

.sakaiMinimizePageNavigation #toolMenu {
    display: none !important;
}

#toolMenu {
    padding: 0 !important;
    background: transparent !important;
}

#toolMenuWrap #toggler {
    text-align: left !important;
    height: 20px !important;
}

.toggleTools #toggleToolMax {
    left: inherit !important;
}

#toolMenu ul {
    padding: 0 !important;
    margin: 0 0 auto 0 !important;
}

#toolMenu li {
    margin: 0 0 4px 0 !important;
    border: 0 !important;
    font-weight: bold !important;
}

#toolMenu li a {
    width: 148px !important;
    background: #4a6594 !important;
    border: 1px solid #324565 !important;
    color: #fff !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    display: inline-block !important;
    border-radius: 3px !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.5) !important;
    text-decoration: none !important;
    text-align: center !important;
}

#toolMenu li a:hover {
    background: #8496b6 !important;
}

#toolMenu li.selectedTool {
    background: #8496b6 !important;
    border: 1px solid #324565 !important;
    padding: 2px 0 !important;
    border-radius: 3px !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.5) !important;
}

#toolMenu li.selectedTool span {
    background: transparent !important;
    color: #fff !important;
}

#toolMenu li.selectedTool a {
    background: transparent !important;
    border: none !important;
    padding: 2px !important;
}

.portletTitle .action a, .portletTitle .title a {
    display: none !important;
}

/* tables */

table.listHier th {
    padding: 6px !important;
}

.listHier th {
    background: #e1e3e7 !important;
    border: 0 !important;
}

.listHier th * {
    font-weight: bold !important;
}

.listHier td {
    padding: 6px !important;
}

.listHier tbody tr:nth-child(even) {
    background: #f3f6fa !important;
}

.inactive * {
    color: #666 !important;
}

/* misc */

.navIntraTool span {
    font-weight: bold !important;
    margin: 0 4px 0 0 !important;
    padding: 3px 5px 3px 0 !important;
    font-size: 13px !important;
    border-left: none !important;
}

.navIntraTool li span a,
.navIntraTool a {
    background-color: #4a6594 !important;
    border: 0 !important;
    margin: 0 4px 4px 0 !important;
    padding: 3px 5px !important;
    border-radius: 3px !important;
    color: #fff !important;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0,0,0,.5) !important;
    background-position: -100px -100px !important;
    overflow: hidden !important;
    line-height: inherit !important;
}

.navIntraTool > span {
    display: none;
}

#homeLink, #viewLink, #editLink, #infoLink, #historyLink, #watchLink {
    padding-left: 5px !important;
}

.navIntraTool li span a:hover,
.navIntraTool a:hover {
    background-color: #768bae !important;
    color: #fff !important;
}

.navIntraTool li .printLinks span {
    padding: 0 !important;
    margin: 0 !important;
}

.navIntraTool li .printLinks span a {
    width: 13px !important;
    background-position: 4px 4px !important;
    background-color: transparent !important;
}

.sakaiCopyrightInfo {
    color: #444 !important;
}

.success, .validation, .validationEmbedded, .information {
    width: auto !important;
    margin: 10px 0 !important;
    padding: 10px 30px !important;
    border: 0 !important;
    background-image: none !important;
    background-position: 9px 9px !important;
    border-radius: 3px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-align: center !important;
}

.success, .validation, .validationEmbedded, .information table {
    width: 100% !important;
}

.success {
    background-color: #4a9451 !important;
}

.validation, .validationEmbedded {
    background-color: #a42d29 !important;
}

.validationEmbedded {
}

.information {
    background: #666 !important;
}

#portalMask {
    z-index: 0 !important;
    display: none !important;
}

#selectNav {
    clear: both !important;
    width: auto !important;
    position: static !important;
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #aaa !important;
    border-radius: 5px !important;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}

#selectNav .termContainer h4 {
    font-weight: bold !important;
}