/* * Licensed to Jasig under one or more contributor license * agreements. See the NOTICE file distributed with this work * for additional information regarding copyright ownership. * Jasig licenses this file to you under the Apache License, * Version 2.0 (the "License"); you may not use this file * except in compliance with the License. You may obtain a * copy of the License at the following location: * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, * software distributed under the License is distributed on an * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY * KIND, either express or implied. See the License for the * specific language governing permissions and limitations * under the License. */ /* reset */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /* change colours to suit your needs */ ins { background-color: #ff9; color: #000; text-decoration: none; } /* change colours to suit your needs */ mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } /* change border colour to suit your needs */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } /* general page */ body { font-family: Verdana, sans-serif; font-size: 11px; line-height: 1.4em; } #cas .flc-screenNavigator-view-container { width: 95%; margin: 0 auto; } #cas .flc-screenNavigator-view-container #header, #cas .flc-screenNavigator-view-container #content { background: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); } #cas .flc-screenNavigator-view-container #content { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @media only screen and (max-width: 960px) { #cas .flc-screenNavigator-view-container { width: 100%; } #cas .flc-screenNavigator-view-container #content { -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } } /* header */ #cas #header { padding-top: 10px; } #cas #content #login #fm1 { background: none repeat scroll 0 0 #EEEEEE; height: 223px; padding: 20px; } /* content */ #cas #content { padding: 10px; overflow: hidden; } #cas #content #msg { padding: 20px; margin-bottom: 10px; } #cas #content #msg.errors { border: 1px dotted #BB0000; color: #BB0000; padding-left: 100px; background: url(../images/error.gif) no-repeat 20px center; } #cas #content #msg.info { border: 1px dotted #008; color: #008; padding-left: 100px; background: url(../images/info.gif) no-repeat 20px center; } #cas #content #login { width: 320px; float: left; margin-right: 20px; } #cas #content #login #fm1 { padding: 20px; background: #eee;} #cas #content #login #fm1 h2 { font-size: 1.4em; font-weight: normal; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DDDDDD; } #cas #content #login #fm1 .row { margin-bottom: 10px; } #cas #content #login #fm1 .row .fl-label { display: block; color: #777777; } #cas #content #login #fm1 .row input[type=text], #cas #content #login #fm1 .row input[type=password] { padding: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #DDDDDD; background: #FFFFDD; } #cas #content #login #fm1 .row.check { border-bottom: 1px solid #DDDDDD; bottom: 54px; color: #777777; font-size: 11px; padding-bottom: 10px; position: absolute; } .row.btn-row { bottom: 9px; position: absolute; right: 18px; } #cas #content #login #fm1 .row .btn-submit { border-width: 2px; padding: 3px; margin-right: 4px; } #cas #content #login #fm1 .row .btn-reset { border: 0; background: none; color: #777; text-transform: lowercase;} #cas #content #login #fm1 .row .btn-submit:hover, #cas #content #login #fm1 .row .btn-reset:hover { cursor: pointer; } #cas #content #sidebar { width: auto; } #cas #content #sidebar .sidebar-content { padding-left: 20px; } #cas #content #sidebar .sidebar-content p { margin-bottom: 1.4em; } #cas #content #sidebar .sidebar-content #list-languages ul { list-style: none; } #cas #content #sidebar .sidebar-content #list-languages ul li { display: inline-block; padding: 0px 10px; border-right: 1px solid #e2e2e2; } #cas #content #sidebar .sidebar-content #list-languages ul li:last-child { border: 0; line-height: 1.4em; } /* footer */ #cas #footer { color: #999; margin: 20px 0; } /* < 960 */ @media only screen and (max-width: 960px) { #cas #footer { padding-left: 10px; } } /* < 799 */ @media only screen and (max-width: 799px) { #cas #header #app-name { font-size: 1em; } #cas #content #login { float: none; width: 100%; } #cas #content #login #fm1 .row .fl-label { margin-left: -10px; } #cas #content #login #fm1 .row input[type=text], #cas #content #login #fm1 .row input[type=password] { width: 100%; margin-left: -10px; padding: 10px; } #cas #content #login #fm1 .row .btn-submit { outline: none; -webkit-appearance: none; -webkit-border-radius: 0; border: 0; background: #210F7A; color: white; font-weight: bold; width: 100%; padding: 10px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #cas #content #login #fm1 .row .btn-reset { display: none; } #cas #content #sidebar { margin-top: 20px; } #cas #content #sidebar .sidebar-content { padding: 0; } } /* new css - infona */ html, body { background: none repeat scroll 0 0 #FFFFFF; } body #cas #content #login { float: left; margin: 31px 22px 50px 50px; width: 320px; } .inner_top_bar { margin: 0 auto; position: relative; width: 960px; } #top_bar .inner_top_bar > span { color: #FFFFFF; display: block; font-size: 17px; line-height: 31px; margin: 0 auto; text-align: center; } #list-languages li > a { color: #FFFFFF; font-size: 12px; text-decoration: none; } #top_bar { background: none repeat scroll 0 0 #C81846; height: 33px; } .inner_top_bar ul { list-style: none outside none; margin-top: 7px; } .inner_top_bar ul li { color: #FFFFFF; float: left; } .inner_top_bar .first { border-right: 1px solid; margin-right: 10px; margin-top: 0; padding-right: 10px; } #cas #content { margin: 0 auto; width: 960px; } #list-languages { left: 0; position: absolute; top: 0; } .sidebar-content.lock_pic { background: url("../images/security.png") no-repeat scroll 0 21px rgba(0, 0, 0, 0); font-size: 12px; height: 35px; margin-top: -55px; padding-top: 336px; width: 363px; } #cas #content #login { float: left; margin: 17px 37px 0 85px; width: 400px; } #cas #content #sidebar { float: left; width: auto; } #cas #company-name { background: url("../images/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 55px; margin: 35px 0 21px 185px; text-indent: -999em; width: 166px; } .fl-panel.fl-note.fl-bevel-white.fl-font-size-80 { clear: both; font-size: 12px; margin-bottom: 10px; text-align: center; } #cas #footer { color: #999999; margin: 32px auto 0; width: 960px; } #copyright > p { border-bottom: 1px solid #DDDDDD; margin-bottom: 3px; padding-bottom: 5px; } #copyright > p + p { border-bottom: medium none; font-size: 11px; } #copyright a:hover { text-decoration: underline; } #copyright a { color: #444444; display: block; margin-bottom: 8px; text-decoration: none; } #username, #password { margin-top: 8px; width: 226px; } .fl-label { float: left; margin-top: 11px; width: 119px; } .btn-submit { border-radius: 4px; background-color: #BA103D; background-image: linear-gradient(to bottom, #C81846, #A5052F); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-trans } .btn-submit:hover { background-color: #A5052F; } body#cas #content #login #fm1 { min-height: 131px; height: auto; padding-bottom: 114px; position: relative; } #cas #content #login #fm1 .row input[type="text"], #cas #content #login #fm1 .row input[type="password"] { background: none repeat scroll 0 0 #FFFFFF; } #cas #content #login #fm1 { position: relative; margin-bottom: 25px; } .inner_top_bar .hightContrast { color: #FFFFFF; font-size: 13px !important; position: absolute; right: 0; cursor: pointer; top: 0; } .enabled_con .con_on { display: none !important; } .enabled_con .con_off { display: block !important; } .con_on { display: block !important; } .con_off { display: none !important; } html.enabled_con,.enabled_con body { background: #000; color: yellow; } .enabled_con *{ background: #000 !important; color: yellow !important; } .enabled_con #login { border: 1px solid #FFFF00; margin-bottom: 15px !important; } .enabled_con #top_bar { border-bottom: 1px solid #FFFF00; } .enabled_con h1 { font-size: 27px; text-indent: 0 !important; width: 800px !important; } #cas #msg { display: none; } .error_input { background: none repeat scroll 0 0 #F5E0E6 !important; border: 1px solid #C81846 !important; } .error_info { display: none; } .error_form .error_info { color: #C81846; display: block; font-size: 11px; margin-bottom: -25px; margin-left: 119px; margin-top: 5px; } .enabled_con .btn-submit { border: 1px solid #FFFF00; } .enabled_con .error_input { background: none repeat scroll 0 0 #000 !important; border: 1px solid #C81846 !important; color: yellow; } #cas #msg.success { display: block; } body#cas #content #msg.success { border-top: 1px solid #DDDDDD; color: #000000; margin: 36px; padding: 31px 0 50px; } #cas #content #msg h2 { font-size: 20px; font-weight: normal; margin-bottom: 0.5em; }