@primary: orange ; @success: green; @info: lightgray; @warning: #0e678e; @danger: red; @normal: darkgray; @lighter: white; @darker: Black; /* Base elements */ a { color: @primary; } a:hover { color: @normal; } /* Layout elements */ #bodyx { } #header { } #topNav { padding-top: 10px; } #topNavigation { } .topNav li { } #logoPanel { } #logo { } #mainNavigation { } .primaryMenu > .currentMenuItem { color: @primary; } .primaryMenu li a { color:@lighter; } .primaryMenu li a:hover { color: @primary; } #mainBody { } #mainBody a { } #mainBody a:hover { } #subNavigationBody { } .subNavigation { } .subNavigation > .currentMenuItem { } .subNavigation li { } .subNavigation li a { color:@darker !important; } .subNavigation li a:hover { } #footer { } #prefooter { } #postfooter { } /* Links and buttons */ .tile { border-bottom: solid 1px @info; } .tileHover { background: @lighter; } .tileselected { background-color: @darker; color: @primary; } .selectedItem { border: dotted 1px @darker; background: @info; } .form-button { border: solid 1px @primary; background: @normal; color: @lighter; } .form-button:hover { border: solid 1px @normal; background: @info; color: @normal; } .actionMenuSmall > li > a { color: @primary; } .actionMenuSmall > li > a:hover { color: @info; } .staticPanelBody { border: @darker; } .staticPanelHeader { background: @darker; } .staticPanelHeader > .headerTitle { color: @lighter !important; } .staticPanelHeader h3 { color: @lighter !important; } .staticPanelHeader .actionMenuSmall > li > a { color: @primary !important; } .staticPanelHeader .actionMenuSmall > li > a:hover, .scrollingPanelHeader .actionMenuSmall > li > a:hover, .collapsingPanelHeader .actionMenuSmall > li > a:hover, .modalWindowHeader .actionMenu > li > a:hover { color: @normal; } .staticPanelHeaderCompartment a { } .staticPanelHeaderCompartment a:hover { } .scrollingPanelPrimaryHeader { border-bottom: @warning dotted 1px; } .scrollingPanelPrimaryHeader h2 { color: @warning !important; } .userNav { border-right: solid 1px @info; } .userNav > .tile { border-bottom: solid 1px @info; } .userNav > .selectedAgent { background: @info; } .profileItem, .profileSection { } .studentGlyph { } .transcriptHeaderBorder { border-bottom: 1px solid @warning; } /* Modal window */ .modalWindowTop { } .modalWindowHeader { } .modalWindowInner { border: black 1px solid; } .modalWindowOuter { } /* Notifications */ #creditCardPaymentErrorNotification { color: @danger; } #creditCardPaymentSuccessNotification { color: @success; } #creditCardPaymentProcessingNotification { color: @primary; }