/************************************** * THEME NAME: cafelite-wr * * Files included in this sheet: * * cafelite-wr/cafelite-wr.css * cafelite-wr/cafelite-wr-menu.css **************************************/ /***** cafelite-wr/cafelite-wr.css start *****/ /********************* * moodle café theme * *********************/ /************** * core: body * **************/ body { background-color: #300; color:#310; font-family: "arial unicode ms", arial, helvetica, sans-serif; font-size : 10pt; text-align: center; } a:link, a:visited { color:#630; text-decoration: none; } a:hover { color: #c60; text-decoration: none; } a.dimmed:link, a.dimmed:visited { color:#aaaaaa; text-decoration: none; } #page { border: 5px solid #ffe; width: 95%; margin: 0 auto; text-align: left; background: #ffe url(img/bghead.jpg) repeat-x left top; } #layout-table { margin: 0; padding-top: 5px; } #layout-table #middle-column{ vertical-align:top; padding: 0 10px; } #layout-table #left-column{ vertical-align:top; padding-left:0px; padding-right:0px; } #layout-table #right-column{ vertical-align:top; padding-left:0px; padding-right:0px; } #content { background-color: #ffe; margin-top:0; padding-top:10px; } h1.main, h2.main, h3.main, h4.main, h5.main, h6.main { text-align: center; margin:0px; padding-top:10px; padding-bottom:10px; } th.header, td.header, h1.header, h2.header, h3.header, div.header { background: #ffe url(img/headgrad.jpg) top repeat-x; border-top: gray 1px dashed; border-left: 0px; border-right: 0px; border-bottom: 1px; color: #c60; } .generalbox { background: transparent; border: 0px; } /**************** * core: header * ****************/ #header, #header-home { width: 100%; height: 135px; background: url(img/header.jpg) no-repeat left top; margin: 0; padding: 0; } #logo { background: url(img/logo.png) no-repeat left top; width: 100%; height: 105px; float: left; left: 0px; } #logo ul.langopt { margin: 0; padding: 0; float: right; position: relative; top: 10px; right: 10px; list-style-type: none; } form.popupform label { padding: 0; margin: 0; } /**************** * core: navbar * ****************/ .navbar { background:#ffe url('img/navbar.jpg') repeat-y; border-top:0px; border-bottom:solid 1px #ffe; border-left:0px; border-right:0px; margin-top: 30px; font-size: 80%; color: #fc9; } .breadcrumb ul { list-style: none outside none; text-indent: 0; margin-left: 10px; } .breadcrumb ul a:link, .breadcrumb ul a:visited { color: #ffe; text-decoration: none; } .breadcrumb ul a:hover, .breadcrumb ul a:active { color: #310; text-decoration: none; } /**************** * core: footer * ****************/ #footer { height: 2em; background: #ffe url(img/headgrad.jpg) left top repeat-x; margin-top: 10px; padding: 10px; border-top: 1px dashed #ffe; border-left: 0px none; border-right: 0px none ; border-bottom: 0px none; color: #300; } #footer-lt, #footer-rt { width: 400px; margin: 0; padding: 0; } #footer-lt { float: left; text-align: left;} #footer-rt { float: right; text-align: right; } #footer-rt p.copyright, #footer-lt .logininfo { padding: 0; margin: 0; line-height: 2em; font-size: 0.8em; } /******************** * core: side block * ********************/ .sideblock { color: #310; border-top: 1px dashed #ffe; border-left: 0 none; border-right: 0 none; border-bottom: 1px dashed #c60; background: url('img/headgrad.jpg') repeat-x; } .sideblock .content { color: #310; padding: 4px; border: 0px; } .sideblock .header h2 { padding-top: 4px; } .sideblock .header .hide-show-image { padding-top: 4px; } .sideblock .footer { border:0px; margin-top: 4px; margin-bottom: 4px; font-size:0.85em; text-align: left; } .sideblock .header, .sideblock .header h2 { color: #c60; font-size:1em; border: 0px; background-color: transparent; } .sideblock .content .post .head .date, .sideblock .content .post .head .name { color: #310; } /**************** * core: course * ****************/ .coursebox { background: #fff; border: 0px; margin-bottom: 0px; margin-right: 2px; } body#site-index .headingblock, body#course-view .headingblock { margin-bottom: 0px; } .section { background: #ffe; } #course-view .section td.content { border-top:0px; border-left:0px; border-right:0px; border-bottom:1px dashed #c60; } #course-view .section td.side { border-width:0px; } /****************** * modules: forum * ******************/ .forumpost { border: 0px; width: auto; overflow: hidden; } .forumpost .left { background-color:#ffe; background-image: none; } .forumpost .picture, .forumpost .topic { background-color: #ffe; background-image: none; border:0px; } .forumpost .topic a:link, .forumpost .topic a:visited { } .forumpost img { max-width: 100%; } /********************* * modules: calendar * *********************/ #calendar .event_global, .minicalendar .event_global, .block_calendar_month .event_global { border-color:#c60; background-color:#ffe; } #calendar .event_course, .minicalendar .event_course, .block_calendar_month .event_course { border-color:#c90; background-color:#ffe; } #calendar .event_group, .minicalendar .event_group, .block_calendar_month .event_group { border-color:#ffe !important; background-color:#c60; } #calendar .event_user, .minicalendar .event_user, .block_calendar_month .event_user { border-color:#c69 !important; background-color:#ffe; } #calendar .nottoday, .minicalendar .today { border:1px solid; color: #c60; font-weight: bold; } table.minicalendar { font-size: 80%; } table.minicalendar tr td.weekend { color: #c60; } .tabrow0 .here a:link, .tabrow0 .here a:visited, .tabrow0 .here a.nolink { position:relative; z-index: 1; } .headingblock, h2.headingblock { background:#ffe url('img/navbar.jpg') repeat-y; color: #ffe !important; font-size: 150%; font-weight: lighter; text-transform: uppercase; }/***** cafelite-wr/cafelite-wr.css end *****/ /***** cafelite-wr/cafelite-wr-menu.css start *****/ /* CAFELITE-WR-MENU CSS ---------------------*/ .dropdown_menu { position: relative; } #cafelite-wr-menu { background-color: #300; position: relative; top: 0px; width: 100%; height: 30px; clear: both; line-height: 1em; float: left; margin: 0; padding: 0; font-size: 80%; text-transform: uppercase; } #cafelite-wr-menu ul.menu-date { float: right; text-align: right; } #cafelite-wr-menu ul li.home a img { border: medium none; bottom: 3px; position: relative; } #cafelite-wr-menu a:link, #cafelite-wr-menu a:visited, #cafelite-wr-menu ul.menu-date a:link, #cafelite-wr-menu ul.menu-date a:visited { color: #ffe; text-decoration: none; } #cafelite-wr-menu a:hover, #cafelite-wr-menu a:active { color: #c60; text-decoration: none; } #cafelite-wr-menu ul { float: left; list-style: none; padding: 0; margin: 0; list-style: none; } #cafelite-wr-menu ul li { float: left; height: 30px; white-space: nowrap; z-index: 1; text-transform: capitalize; font-weight: bold; font-size: 80%; } #cafelite-wr-menu ul li a { display: block; height: 30px; margin-left: 0px; padding: 10px 15px 0 15px; color: white; } #cafelite-wr-menu ul ul { padding: 0; margin: 0; position: absolute; height: auto; width: auto; display: none; top: 30px; color: #300; background: #ffe; z-index: 1000; } #cafelite-wr-menu ul li:hover ul { display: block; } #cafelite-wr-menu ul ul li { float: left; clear: both; margin: 0; padding: 0; height: 2.5em; width: 20em; font-size: 100%; } #cafelite-wr-menu ul ul li a { display: block; text-align: left; margin: 0; background-color: #ffe; color: #300; padding: 3px 0 0 10px; text-decoration: none; text-transform: none; border: 1px dotted #abc; } #cafelite-wr-menu ul ul li.select { color: #c60; background: #ffe url('img/headgrad.jpg') repeat-x top center; text-decoration: none; text-transform: capitalize; text-align: left; font-weight: bold; } #cafelite-wr-menu ul ul li.select .submenu_title { padding: 0 0 0 5px; border-bottom: 1px dashed white; } #cafelite-wr-menu ul ul li a:link, #cafelite-wr-menu ul ul li a:visited { text-decoration: none; color: #310; } #cafelite-wr-menu ul ul li a:hover, #cafelite-wr-menu ul ul li a:active { background: #ffe url('img/headgrad.jpg') repeat-x top center; text-decoration: none; color: #c60; } #cafelite-wr-menu ul.menu-date a:hover, #cafelite-wr-menu ul.menu-date a:active { text-decoration: none; color: #c60; background-color: transparent; } /***** cafelite-wr/cafelite-wr-menu.css end *****/