Skip to main content.

Karen's test file

 
Information Technology

University of Kansas Medical Center
3901 Rainbow Boulevard
Kansas City, KS 66160
913-588-5000

/*------------------------------------- Main Styling -------------------------------------*/ .calendar_wrapper { background-color: #ffffff; /*White*/ margin-top: -0px; margin-left: -0px; font-size: 12px; font-family: arial,"san serif"; color: #666; /*Medium/Dark Grey*/ } .calendar_wrapper a { color: #174160; } .calendar_wrapper a:visited { color: #174160; } /*------------------------------------- Calendar List Styling -------------------------------------*/ /*Bold Headers when selecting an event to view (Example: "Title", "Date", "Time", "Location")*/ .title_column { text-align:left; width:90px; font-weight: bold; width:70px; } /*Styling for the Div around each calendar item. This is the Blue Rounded Border.*/ /*You can also use this class to style the descriptive text for each calendar item.*/ .box_link { -webkit-border-top-left-radius: 16px; -webkit-border-top-right-radius: 16px; -webkit-border-bottom-left-radius: 16px; -webkit-border-bottom-right-radius: 16px; border: 2px solid #8ca8be; /*Steel Blue*/ vertical-align: middle; padding-left: 10px; margin-bottom: 10px; background: url(https://www.eeds.com/mobile/images/arrow_forward.png) no-repeat right center; /*Forward Image on "Buttons"*/ } .box_link:hover { cursor: pointer; border: 2px solid #eee; } .box_link a { text-decoration: none; } .box_link:hover a { color: #3c2559; /*Dark Purple*/ text-decoration: underline; } /*Choose a Month To View Events and Back Button Styling*/ .styled_button { font-size: 16px; font-weight: bold; color: #8ca8be; border: solid 1px #cccccc; /*Grey*/ text-align: center; padding-top: 15px; padding-bottom: 15px; vertical-align: middle; font-size: 13px; background-color: #ffffff; /*White*/ } /*------------------------------------- Select a Month Styling -------------------------------------*/ .month { text-align: center; width: 100px; background-color: #e9f3fb; /*Light Blue Color*/ vertical-align: middle; margin: 5px; height: 40px; font-size: 16px; color: #6d6d6d; /*Medium Gray Color*/ cursor: pointer; border: 2px solid #e9f3fb; /*Light Blue Color Border. This is used in order to not shift the other months when they are hovered over*/ } /*Current Month, Blue is a little Darker*/ .current.month { background-color: #d5ebfd; /*Medium Blue*/ border: 2px solid #d5ebfd; /*Medium Blue Color Border. This is used in order to not shift the other months when they are hovered over*/ cursor: pointer; } /*Changes the background of the month Hover to White with the Medium Blue Border*/ .month:hover { cursor: pointer; border: 2px solid #d5ebfd; background-color: white; } /*Year at Top of Selecting a Month Styling*/ .year { text-align: center; background-color: #f9f9f9; /*Light Tannish Color*/ margin: 5px; height: 45px; color: #6d6d6d; /*Medium Gray Color*/ cursor: pointer; border: 2px solid #f9f9f9; font-size: 22px; vertical-align: middle; } /*Selected Year has a little darker Tan Color and Larger Font*/ .year.selected { background-color: #eee; border: 2px solid #eee; font-weight: bold; } /*Changes the background of the Year Hover to White with the Darker Tannish Color*/ .year:hover { cursor: pointer; border: 2px solid #eee; /* Light_Sandy_Brown */ background: white; } /*------------------------------------- Custom Calendar Styling -------------------------------------*/ .custom_calendar { background-color: #ffffff; /*White*/ color: #174160; /*Dark Blue*/ border: 1px solid #174160; /*Dark Blue*/ text-align: center; margin: 5px; height: 45px; cursor: pointer; font-size: 18px; vertical-align: middle; } .custom_calendar.selected { background-color: #174160; /*Dark Blue*/ color: #ffffff; /*White*/ border: 1px solid #174160; /*Dark Blue*/ font-size: 22px; } .custom_calendar:hover { background-color: #174160; /*Dark Blue*/ color: #ffffff; /*White*/ border: 1px solid #174160; /*Dark Blue*/ font-size: 22px; } /*------------------------------------- Specific Event Details Styling -------------------------------------*/ /*Container Div for the Selected Activity Information. This is a Div you should have manually entered on your page.*/ #Calendar_Activity_Detail { background-color:#fff; padding-bottom:10px; padding-top:10px; } /*Bold (Initially Blue) Headers on the Event Details (Example: General Information, Objectives, Disclosure Statements, Accreditation...) */ .section_subtitle { color: #174160; /*Dark Blue*/ font-weight: bold; font-size: 13px; } /*Bold Headers on Event Details (Example: "Date", "Time", "Conference Name", "Conference Location")*/ .standard_activity_row_header { font-weight:bold; vertical-align:top; padding-left:20px; } /*Adds the Back Button Arrow to the Back Button From the Selected Event*/ .back_button { background: #ECF0F5 url(https://www.eeds.com/mobile/images/arrow_back_2.png) no-repeat left center; }