/************************************** * THEME NAME: blue_black_19 * * Files included in this sheet: * * blue_black_19/fw_layout.css * blue_black_19/fw_color.css * blue_black_19/fw_fonts.css **************************************/ /***** blue_black_19/fw_layout.css start *****/ /* Core */ body { margin: 0px; padding:5px; } #page { width:980px; margin-left:auto; margin-right:auto; } h1.main, h2.main, h3.main, h4.main, h5.main, h6.main { text-align: left; padding-left: 5px; } h1, h2, h3, h4 { text-align: left; } h1 { padding: 6px; } h2 { padding: 4px; } h3 { padding: 3px; } #layout-table #left-column, #layout-table #right-column { border: 1px solid; padding: 0px; border-top:none; } #left-column .hidden .header, #right-column .hidden .header { border-bottom-style:dashed; border-bottom-width:1px; } #content { clear:both; } h1, h2, h3, th.header { } h4 { border-bottom-style: solid; border-bottom-width:1px; } input, select { padding: 0px; } #layout-table #middle-column{ vertical-align:top; padding-left:6px; padding-right:6px; } .sitetopic { padding:4px; margin: 0px; } .generaltable { border-width:0px; } .generalbox { border-width:1px; border-style:solid; } .sitetopiccontent { border-width:1px; border-style:solid; } .clearfix { min-width: 0; /* overflow: hidden; */ } .clearfix:after { /* content: ""; */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*** *** Header ***/ #header-home { /* padding:1em 0.5em; */ } #header { } .headermain, h1.headermain { float:left; margin:0%; padding:0%; border-width: 0px; } .headermenu { float:right; text-align:right; padding-top:10px; } .navbar { width:100%; padding:3px 0.5em; /* border-style:solid; */ } div.navbar { width: auto; } table.navbar { width: 100%; } .navbar .navbutton form { float: left; } .navbar .navbutton { margin-top: 3px; } .navbar .breadcrumb { float:left; margin:0.2em 0em; } .breadcrumb ul { padding:0%; margin:0%; text-indent:0%; list-style:none; } .breadcrumb li { display:inline; } .navbar .navbutton, .navbar .menu { float:right; } #footer .navbar { margin-top: 4em; } /*** *** Login ***/ TABLE.loginbox { margin-top: 40px; } .loginbox .header { border-width:1px; border-style:solid; border-bottom-width: 0px; } .loginbox .content { border-top-width: 1px; } /*** *** Footer ***/ #footer { text-align:center; margin-top: 5px; margin-bottom: 0px; background-color:#001d25; background-image:url(images/footer_bg.gif); background-repeat:repeat-x; background-position:top; } #footer p.helplink { margin-bottom: 0px; } /*** *** Blocks ***/ .sideblock, .sideblock .header, .sideblock .content { border-width: 0px; } .sideblock .header h2 { border-width: 0px; padding-top: 0px; } .sideblock .header .hide-show-image { padding-top: 0px; } .sideblock .footer { border-top-width:1px; border-top-style:dashed; } /*** *** Calendar ***/ #calendar .today, .minicalendar .today { border:1px solid !important; } table.minicalendar { width: 100%; margin:10px auto; padding:2px; border-width:1px; border-style:solid; border-collapse:separate; border-spacing:1px !important; } table.minicalendar tr.weekdays th { border-style: none; } table.minicalendar tr td.day { border-style: solid; border-width: 1px; } table.minicalendar tr.weekdays th abbr { border-style: none; } table.calendarmonth { border-collapse:separate; border-spacing:1px !important; } table.calendarmonth tr td { border-style: solid; border-width: 1px; } /*** *** Course ***/ .headingblock { border-width:1px; border-style:solid; padding:5px; } .categorybox .category, .categorybox .category { border-bottom: solid; border-width: 1px; padding-top: 7px; } #course-view .section .left { border-right-width: 1px; border-right-style: dashed; } #course-view .section.hidden .content, #course-view .section.hidden .side { border-width: 1px; border-style: dashed; } #course-view .section td.content ul.section.img-text { line-height: 22px; } .coursebox .info .name { padding-bottom: 5px; } .tabrow0 { padding-top: 4px; } .loginbox h2{ margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; text-align: center; background-color:#1b879e; border:none; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } .sideblock .header .commands { margin-top: 1.8em; clear: both; height: 16px; } .mod-scorm .right { text-align: right; width:770px; } #mod-scorm-player #tocbox { float: left; width: 17%; left: 0px; top: 0px; } #mod-scorm-player .structurelist { list-style-type: none; text-indent: -13ex; font-size: small; } #mod-scorm-player .structurelist { list-style-type: none; text-indent: -4ex; font-size: small; padding-left:10px; text-align:left; margin-left:10px; } #course-view .section td.content { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-style: dashed; border-bottom-style: dashed; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-left-style: none; border-left-color: -moz-use-text-color; border-right-width: 0px; border-right-style: none; border-right-color: -moz-use-text-color; } #course-view .section td.side { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } body#course-user .section h2 { margin-top: 0pt; } .arrow_button input { width: 6em; padding-top: 0.3em; padding-right: 0.3em; padding-bottom: 0.3em; padding-left: 0.3em; overflow-x: hidden; overflow-y: hidden; } .mod-scorm .right { text-align: right; width:770px; } #mod-scorm-player #tocbox { float: left; width: 17%; left: 0px; top: 0px; } #mod-scorm-player .structurelist { list-style-type: none; text-indent: -4px; font-size: small; padding-left:10px; text-align:left; margin-left:10px; } #styleswitcher ul li a { background:#f1f1f1; border:1px solid #ccc; } #styleswitcher { background:url(pix/bg/bg_switcher.png) no-repeat top right; height:30px; width:70px; /* #ofirwidth:200px;*/ float:right; margin-right:20px; } #styleswitcher ul { margin:10px 6px 0 0; padding:0; list-style-type:none; } #styleswitcher ul li { padding:0 0 0 3px; margin:0; display:block; float:right; } #styleswitcher ul li a { display:block; height:14px; width:14px; outline:none !important; line-height:14px; } #styleswitcher ul li a:hover { border:1px solid #fff; } #styleswitcher ul li.pad { padding-left:12px; } /***** blue_black_19/fw_layout.css end *****/ /***** blue_black_19/fw_color.css start *****/ /* Core */ body { background-color: #fff; } a:link { color: #555555; } a:visited { color:#555555; } a:hover { color: #555555; } a.dimmed:link, a.dimmed:visited { color:#555555; } h1 { } h2 { } h2.headingblock.header { background:#e2f6fb; padding:10px; } h3 { border-color:#c4c2c2; } h4 { border-color:#c4c2c2; } th { } th.header, td.header, div.header { } th.header { border-color: #c4c2c2; } #left-column .hidden .header, #right-column .hidden .header { border-color:#c4c2c2; } #layout-table #left-column, #layout-table #right-column { background-color: #fff; border-color:#d6d6d6; } .generalbox { border-color:#c4c2c2; background-color:#FFFFFF; } .generaltable, .generaltable td { border-color:#c4c2c2; /* background-color:#FFFFFF; */ } /* .generaltable .r0 td.cell.c0 { background-color:#c4c2c2; } */ .generaltable .r0 { background-color:#fff; } .generaltable .r1 { background-color:#ebf5f7; } .generaltable .r1 td.cell.c0 { border-color:#c4c2c2; /* background-color:#E3DFD4; */ } .navbar { background-color:#eff1f1; border:solid 1px #bdbdbd; margin-top:5px; /* border-color:#666666; height: 20px; */ } .sitetopiccontent { border-color:#c4c2c2; background-color:#FFFFFF; } .highlight { background-color:#c4c2c2; } .highlight2 { color:#c4c2c2; /* highlight missing terms in forum search */ } /*** *** Roles ***/ .rolecap .inherit.capdefault, .rolecap .allow.capdefault { background-color:#E3DFD4; } #admin-roles-override .capcurrent { background-color:#E3DFD4; } /*** *** Header ***/ #header-home, #header { background-color: #fff; background-image:url(images/header_bg.gif); background-position:right top; background-repeat:no-repeat; height:108px; } h1.headermain { background-color: transparent; } /*** *** Login ***/ .loginbox, .loginbox.twocolumns .loginpanel, .loginbox .subcontent { border-color:#c4c2c2; } .loginbox .content { border-color:#c4c2c2; } /*** *** Blocks ***/ .sideblock .content { background-color:#fff; } .sideblock .header, .sideblock .header h2 { } .sideblock .header { background-image:url(images/sideblock_header.gif); background-repeat:repeat-x; padding:10px; } .sideblock .header h2 { color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } .sideblock hr { color:#c4c2c2; /*background-color:#FEF9F6;*/ } .sideblock .footer { border-top-color:#c4c2c2; } .sideblock .content .post .head .date, .sideblock .content .post .head .name { color: #000000; } /*** *** Calendar ***/ #calendar .maincalendar, #calendar .sidecalendar, #calendar .maincalendar .event { border-color: #c4c2c2; } #calendar .maincalendar table.calendarmonth th { border-color: #c4c2c2; background-color:#ebeaea; } table.calendarmonth tr td { border-color:#c4c2c2; } table.minicalendar { border-color:#c4c2c2; } table.minicalendar tr.weekdays th { background-color:#FEF9F6; border-color:#c4c2c2; } table.minicalendar tr td.day { border-color:#c4c2c2; } table.minicalendar tr td.weekend { border-color:#c4c2c2; color: red; } #calendar .today, .minicalendar .today { border-color:#000000 !important; } /* colors for calendar events */ #calendar .event_global, .minicalendar .event_global, .block_calendar_month .event_global { border-color:#ebeaea !important; background-color:#ebeaea; } #calendar .event_course, .minicalendar .event_course, .block_calendar_month .event_course { border-color:#e7f0f9 !important; background-color:#e7f0f9; } #calendar .event_group, .minicalendar .event_group, .block_calendar_month .event_group { border-color:#FBBB23 !important; background-color:#FBBB23; } #calendar .event_user, .minicalendar .event_user, .block_calendar_month .event_user { border-color:#c4c2c2 !important; background-color:#A1BECB; } .cal_popup_fg { background-color:#FEF9F6; } .cal_popup_bg { border-color:#c4c2c2; background-color:#FEF9F6; } /*** *** Course ***/ .headingblock { border-color:#70adbc; } .coursebox { border-color:#c4c2c2; background: #fff; } .coursebox .info { background: #fff; } .categoryboxcontent, .courseboxcontent { border-color:#c4c2c2; background: #FFFFFF; } .categorybox .category, .categorybox .category { border-color: #c4c2c2; } #course-view .section.main .content { border-color: #c4c2c2; background-color: #FFFFFF; } #course-view .section.main .side { border-color: #c4c2c2; background-color: #f6f7f5; } #course-view .current .right.side, #course-view .current .left.side { background-color: #c4c2c2; } #course-view .section.hidden .content, #course-view .section.hidden .side { border-color:#c4c2c2; } /*** *** Tabs ***/ .tabs .side { border-color: #c4c2c2; } .tabrow td { background:url(pix/tab/left.gif) top left no-repeat; } .tabrow td .tablink { background:url(pix/tab/right.gif) top right no-repeat; } .tabrow td:hover { background-image:url(pix/tab/left_hover.gif); } .tabrow td:hover .tablink { background-image:url(pix/tab/right_hover.gif); } .tabrow .last span { background:url(pix/tab/right_end.gif) top right no-repeat; } .tabrow .selected { background:url(pix/tab/left_active.gif) top left no-repeat; } .tabrow .selected .tablink { background:url(pix/tab/right_active.gif) top right no-repeat; } .tabrow td.selected:hover { background-image:url(pix/tab/left_active_hover.gif); } .tabrow td.selected:hover .tablink { background-image:url(pix/tab/right_active_hover.gif); } /*** *** Modules: Forum ***/ .forumheaderlist, .forumpost { border-color:#c4c2c2; } .forumpost .content { background: #f5f6f7; } .forumpost .left { background:#fff; } .notepost { margin-bottom: 1em; background-color: #f5f6f7; } .notepost .header { background-color: #dfeed8; background-image: none; background-repeat: repeat; background-attachment: scroll; background-x-position: 0%; background-y-position: 0%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } .forumpost .topic { border-bottom-color: #c7c5c5; } .forumpost .starter { background:#edeeef; } .forumheaderlist .discussion .starter { background:#f4f3f2; } .forumheaderlist td { border-color: #c4c2c2; } .sideblock .post .head { color:#FEF9F6; } .forumthread .unread { background: #edeeef; } #mod-forum-discuss .forumpost { background: none; } #mod-forum-discuss .forumpost.unread .content { border-color: #c4c2c2; } #mod-forum-discuss .forumthread .unread { } #mod-forum-index .unread { } /*** *** User ***/ .userinfobox { border-color: #c4c2c2; } .userinfobox .side { background-color: #fff; } .userinfobox .content { background-color: #ebf5f7; } .logininfo a:link, .logininfo a:visited { color:#fff; } .logininfo a:hover, .logininfo a:active { color:#fff; } .headingblock, h2.headingblock { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-top: 5pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; color:#04647d; } .mform fieldset legend{ color:#fff; background-color:#2f889e; padding:5px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; } #adminsettings .form-shortname { color: #888; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; } #footer p.helplink a:link, #footer p.helplink a:visited{ color:#fff; } #footer p.helplink a:hover, #footer p.helplink a:active{ color:#fff; } .homelink a:link, .homelink a:visited { color:#fff; } .homelink a:hover, .homelink a:active { color:#fff; } .topNav { background-image:url(images/top_nav_bg.gif); background-repeat:repeat-x; height:47px; text-align:center; font-size:11px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; } .topNav ul { list-style:none; margin:0; padding:15px 600px 0px 0px; } .topNav li { display:inline; padding:0px 25px 0px 25px; background-image:url(images/sep.gif); background-position:left top; background-repeat:no-repeat; } .topNav a:link, .topNav a:visited { color:#fff; } .topNav a:hover, .topNav a:active { color:#fff; } body#course-user .section h2 { margin-top: 0pt; background-color:#ebf5f7; } /***** blue_black_19/fw_color.css end *****/ /***** blue_black_19/fw_fonts.css start *****/ /* Core */ .clearer { font-size:1px; } body, td, li, input, select { font-family: Arial, Helvetica, sans-serif; font-size : 13px; } body { margin : 0px; } th { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } a:link { font-size:12px; text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } h1 { font-size:12px; font-weight: bold; } h2 { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; } h3 { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; } h4 { font-weight:bold; } th.header, td.header, div.header, .headingblock { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; } .categorybox .category { /* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */ font-size: 14px; font-weight: bold; } .generaltable td.cell.c0 { font-weight: bold; } /*** *** Header ***/ .breadcrumb { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:.85em; font-weight:bold; } .logininfo, #header-home .headermenu font { font-size:12px; padding-top:35px; padding-right:0px; color:#fff; } /*** *** Blocks ***/ .sideblock .footer { font-size:0.85em; text-align: left; } /*** *** Calendar ***/ #calendar .maincalendar table.calendarmonth td { font-size:.8em; } #calendar .maincalendar .calendar-controls .current { font-weight: bold; } #calendar .sidecalendar .filters { font-size:0.75em } table.minicalendar tr.weekdays th { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; } table.minicalendar tr td { font-size:11px; } /*** *** Course ***/ #course-view .section .left { font-weight: bold; font-size: 12px; } .coursebox .info .name { font-weight: bold; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; } span.arrow { font-family:Arial, Helvetica, sans-serif; } p.arrow_button input { font-family:Arial, Helvetica, sans-serif; } /*Accessibility: resizable icons. */ img.resize { width: 1em; height: 1em; } .mform fieldset legend{ font-weight: bold; margin-left: 0.5em; } /***** blue_black_19/fw_fonts.css end *****/