Skip to content

Instantly share code, notes, and snippets.

@bradreardon

bradreardon/t-square.css

Created November 30, 2015 17:06
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save bradreardon/f6096309082de26aa498 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save bradreardon/f6096309082de26aa498 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. bradreardon created this gist Nov 30, 2015.
    420 changes: 420 additions & 0 deletions t-square.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,420 @@
    /*
    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;
    }