/* Site specific styling for Lightbulb */ body#Main div#content p:empty { display: none; } /* Home page */ body#Main div#header { margin-bottom: 0em; } body#Main div#content_container { padding: 0; background: transparent; margin-top: 20px; } body#Main div#content { padding: 0; background: transparent; width: 100%; margin: 0; } body#Main div#sidebar { display: none; } body#Main div#content div#welcome:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Front page subject nav */ div#content > div#welcome { z-index: 1; position: static; } div#content > div#welcome div.taggroup { float: none; } div#content > div#welcome div.taggroup h2, div#content > div#welcome div.taggroup a, div#content > div#welcome div.taggroup li { padding: 0; margin: 0; } div#content > div#welcome > div.taggroup { height: 336px; float: left; } /* Container */ div#content > div#welcome > div.taggroup { border: 1px solid #004960; width: 36%; position: relative; margin: 0; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } /* Internal Pages */ body.internal-page div#content { width: 734px; margin-right: 8px; } body.internal-page div#sidebar { width: 194px; float: right; } /* 1st Level tags */ div#content > div#welcome > div.taggroup > ul > li { width: auto; height: 41px; padding-left: 37.778%; background: #cdcdce url(http://dummyimage.com/133x43/eee/fff.png&text=inactive) no-repeat; border-bottom: 1px solid #9e9e9f; } div#content > div#welcome > div.taggroup > ul > li { background: #cdcdce url(/s/img/subject_nav_small/arts.jpg) no-repeat; background-position-y: 0px/*-43px*/; } div#content > div#welcome > div.taggroup > ul > li:hover { background: #45555c url(/s/img/subject_nav_small/arts.jpg) no-repeat; background-position-y: 0px;*/ } div#content > div#welcome > div.taggroup > ul > li:first-child { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; } div#content > div#welcome > div.taggroup > ul > li:last-child { border-bottom-color: #cdcdce; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } div#content > div#welcome > div.taggroup > ul > li:last-child:hover { border-bottom-color: #45555c; } div#content > div#welcome > div.taggroup > ul > li#t3223 { background-image: url(/s/img/subject_nav_small/arts.jpg); } div#content > div#welcome > div.taggroup > ul > li#t3218 { background-image: url(/s/img/subject_nav_small/business.jpg); } div#content > div#welcome > div.taggroup > ul > li#t3210 { background-image: url(/s/img/subject_nav_small/computers.jpg); } div#content > div#welcome > div.taggroup > ul > li#t3220 { background-image: url(/s/img/subject_nav_small/food.jpg); } div#content > div#welcome > div.taggroup > ul > li#t3219 { background-image: url(/s/img/subject_nav_small/languages.jpg); } div#content > div#welcome > div.taggroup > ul > li#t3221 { background-image: url(/s/img/subject_nav_small/lifestyle.jpg); } div#content > div#welcome > div.taggroup > ul > li#t3222 { background-image: url(/s/img/subject_nav_small/sport.jpg); } div#content > div#welcome > div.taggroup > ul > li#t3224 { background-image: url(/s/img/subject_nav_small/woodwork.jpg); } div#content > div#welcome > div.taggroup > ul > li h2 { font-family: Helvetica; font-size: 1em; height: 100%; } div#content > div#welcome > div.taggroup > ul > li a { display: block; padding: 10px 0 0 1em; color: #263949; height: 31px; } div#content > div#welcome > div.taggroup > ul > li:hover > h2 > a { background: transparent url(/s/img/active_subject_bg.png) right center no-repeat; } div#content > div#welcome > div.taggroup > ul > li a:hover, div#content > div#welcome > div.taggroup > ul > li:hover a { color: #fff; } /* 2nd level tags */ div#content > div#welcome > div.taggroup > ul > li div.taggroup { margin: 0; width: auto; } div#content > div#welcome > div.taggroup > ul > li > div.taggroup { position: absolute; left: -9999px; background: #45575e; background: rgba(69,85,92,0.9); z-index: 5; } div#content > div#welcome > div.taggroup > ul > li:hover > div.taggroup { left: 360px; margin-top: -42px; } div#content > div#welcome > div.taggroup > ul > li > div.taggroup > ul > li { display: block; background: none; } div#content > div#welcome > div.taggroup > ul > li > div.taggroup > ul > li a { font-family: Helvetica; color: #ccc; } div#content > div#welcome > div.taggroup > ul > li > div.taggroup > ul > li a:hover { color: #fff; background: #376475; } /* Make the last 2 menu items anchor to the bottom */ div#content > div#welcome > div.taggroup > ul > li:nth-child(3):hover > div.taggroup, div#content > div#welcome > div.taggroup > ul > li:nth-child(7):hover > div.taggroup, div#content > div#welcome > div.taggroup > ul > li:nth-child(8):hover > div.taggroup { bottom: 0; margin-top: 0; } #frontpage_subject_images { float: left; z-index: 1; border: 1px solid #004960; border-left: 0px; width: 637px; height: 336px; overflow: hidden; margin-bottom: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } #frontpage_subject_images img { -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } /* Content pages */ body.internal-page h2.webnodename { color: #B5D5E8; font-family: Arial, Helvetica, sans-serif; font-size: 34px; line-height: 1; font-weight: bold; } body.internal-page div.webnodecontent h3, body.internal-page div.webnodecontent h4, body.internal-page div#course_detail h3, body.internal-page div#course_detail h4 { margin: 0; } body#DetailPage h2.clearfix span a { color: #B5D5E8; font-family: Arial, Helvetica, sans-serif; font-size: 34px; line-height: 1; font-weight: bold; line-height: 0; } body#DetailPage .print-page { width: 235px; background-color: #ddd; display: none; } h2, h3, h4 { color: #A5C2D3; } /* Frontpage - Greybox container */ .greybox_container { background-color: #45575e; z-index: 1; } .greybox_container > div { float: left; width: 33%; outline: 0px solid red; z-index: 1; } .course_item_panel { outline: 0px solid #444; width: 222px; min-height: 152px; margin: 10px auto 15px; color: #000; z-index: 1; position: relative; overflow: hidden; background-color: #f7f7f7; padding: 150px 10px 10px; background: #f7f7f7 url(http://dummyimage.com/242x150/000/fff.png&text=placeholder) no-repeat; -webkit-background-clip: padding-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 2px 4px 5px rgba(68,68,68,0.9); -webkit-box-shadow: 2px 4px 5px rgba(68,68,68,0.9); box-shadow: 2px 4px 5px rgba(68,68,68,0.9); } .course_item_panel:hover { background-color: #fff; } #whats_hot .course_item_panel { background-image: url(/s/img/whatsnew_bg.jpg); } #favourite_courses .course_item_panel { background-image: url(/s/img/favourites_bg.jpg); } /*.course_item_panel:before, .course_item_panel:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; content: ""; z-index: -1; } .course_item_panel:before { background: transparent url(/s/img/course_panel_top_bg.png) no-repeat; outline: 0px solid red; } .course_item_panel:after { background: transparent url(/s/img/course_panel_bottom_bg.png) bottom no-repeat; outline: 0px solid red; }*/ .course_item_panel > * { z-index: 1; position: relative; } .course_item_panel a { color: #000; } .course_item_panel:hover a { color: #D06349; } .course_item_panel img { width: 100%; z-index: -2; } .course_item_panel .course_name { display: block; font-weight: bold; padding: 8px 0px; line-height: 1; } .course_item_panel .course_location { display: block; color: #ccc; padding: 0 0px; } .course_item_panel p.course_summary { padding: 0 0px; line-height: 1.2; color: #444; } body#Main #welcome > p { display: none; } body#Main .greybox_container { margin-top: 10px; outline: 0px solid red; background-color: #434d55; background-image: -moz-linear-gradient(top, #434d55, #454f56); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #434d55),color-stop(1, #454f56)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#434d55', EndColorStr='#454f56'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#434d55', EndColorStr='#454f56')"; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } body#Main .greybox_container > div > h3 { margin: 0; background: transparent url(/s/img/greybox_heading_bg.png) repeat-x; color: #272f33; text-shadow: 1px 1px 1px #999; font-size: 1.2em; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #424b50; padding: 4px 9px 0px; } div.new_course_item div.class_details { clear: both; } /* What's Hot */ #whats_hot, #favourite_courses { width: 260px; border-right: 0px solid white; } #whats_hot, #whats_hot h3 { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; } #whats_hot > .course_item_panel > a, #favourite_courses > .course_item_panel > a { position: absolute; bottom: 10px; right: 10px; display: block; height: 26px; width: 88px; background: transparent url(/s/img/more_button.png) no-repeat; overflow: hidden; text-indent: -999px; -moz-box-shadow: 0px 0px 5px rgba(68,68,68,0.9); padding: 0; -webkit-box-shadow: 0px 0px 5px rgba(68,68,68,0.9); box-shadow: 0px 0px 5px rgba(68,68,68,0.9); } #whats_hot a:hover, #favourite_courses a:hover { -webkit-box-shadow: 0px 0px 5px rgba(68,68,68,0); box-shadow: 0px 0px 5px rgba(68,68,68,0); } /* News panel */ #news_panel, #news_panel h3 { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } #news_panel { width: 480px; } #news ul, #news li { padding: 0; margin: 0; list-style: none; } #news li { border-bottom: 1px solid #999; padding: 15px; color: #444; } #news li p { margin: 0; line-height: 1.2; } #news li:last-child { border-bottom: 0px; } #news { background: #fff; margin: 10px 10px 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 2px 4px 5px rgba(68,68,68,0.9); -webkit-box-shadow: 2px 4px 5px rgba(68,68,68,0.9); box-shadow: 2px 4px 5px rgba(68,68,68,0.9); } #news h5 { margin: 0; } #news h5 a { color: #000; } #news li:hover h5 a { color: #D06349; } #news h5.date { color: #999; font-size: 0.9em; line-height: 0.7; margin-bottom: 10px;} /* Frontpage Links */ #frontpage_links { margin: 20px 0 0 0; background-color: #4c4d4f; } #frontpage_links li { padding: 0; margin: 0; list-style: none; float: left; height: 96px; } #frontpage_links a { width: 360px; display: block; height: 96px; padding: 0; overflow: hidden; text-indent: -999px; } #frontpage_links #disability_info { background: transparent url(/s/img/disability_icon.png) 80px 30px no-repeat; width: 280px; text-align: center; color: #b3c7d1; } #frontpage_links a[href="/page/7"] { background: transparent url(/s/img/teaching.png) no-repeat; } #frontpage_links a[href="/page/6"] { background: transparent url(/s/img/gift_certificates.png) no-repeat; } /* Sidebar nav styling */ div#sidebar div#block409 div.taggroup { width: auto; float: none; margin: 0;} div#sidebar div#block409 div.taggroup p { display: none; } div#sidebar div#block409 div.taggroup h2 { margin: 0; font-size: 1.1em; } div#sidebar div#block409 div.taggroup h2 a { display: block; } div#sidebar div#block409 a:link, div#sidebar div#block409 a:visited { color: #2199d9; text-decoration: none; } div#sidebar div#block409 a:hover { color: #41aae2; } div#sidebar div#block409 div.taggroup li { padding: 0; background-image: none; width: auto; } div#sidebar div#block409 div.taggroup li li a { position: relative; background: transparent url(/s/img/list_item.gif) no-repeat 0.45em 0.73em; padding: 2px 16px 2px 21px; display: block; color: #BABABA; } div#sidebar div#block409 div.taggroup li li a:hover { background-color: #156188; color: #EDEDED; } div#sidebar div#block409 > div.taggroup > ul > li.active_tag > h2, div#sidebar div#block409 > div.taggroup > ul > li.active_tag > h2 a { background-color: #156A91; color: #87D5FD;} div#sidebar div#block409 > div.taggroup > ul > li > div.taggroup > ul > li.active_tag, div#sidebar div#block409 > div.taggroup > ul > li > div.taggroup > ul > li.active_tag a { background-color: #156A91; color: #fff; } div#sidebar div#block409 div.taggroup li li li a { background: transparent url(/s/img/list_item_small.gif) no-repeat 0.45em 0.73em; } div#sidebar div#block409 div.taggroup li li ul { margin: 0px; } div#block409 .hasChildren > h2 > a span.expander { cursor: pointer; height: 11px; width: 11px; display: block; position: absolute; top: 7px; right: 0px; background: transparent url(/s/img/icon_plus.png) no-repeat; } div#block409 .hasChildren > h2 > a span.expander:hover { background: transparent url(/s/img/icon_plus_hover.png) no-repeat; } div#sidebar div#block409 > div.taggroup > ul > li { border-bottom: 1px solid #156188; margin: 0; padding-right: 10px; } div#sidebar div#block409 > div.taggroup div.taggroup div.taggroup > ul { display: block; }